improved tooltip

2 files changed, 24 insertions, 21 deletions

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index f569134..e35d389 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -324,28 +324,31 @@ body.no-input #week-selector {
   body.no-input #search input:-ms-input-placeholder {
     color: #757575;
   }
-}
 
-.tooltip {
-  display: none;
-}
+  body.no-input .tooltip {
+    display: block;
+    position: absolute;
+    background-color: white;
+    padding: 15px;
+    margin: 32px 8px;
+    border-radius: 2px;
 
-body.no-input .tooltip {
-  display: block;
-  position: absolute;
-  background-color: white;
-  padding: 15px;
-  margin: 32px 8px;
-  border-radius: 2px;
+    left: 16px;
+    right: 16px;
+  }
+
+  body.no-input .tooltip::before {
+    content: '';
+    width: 24px;
+    height: 24px;
+    background-color: white;
+    top: -12px;
+    position: absolute;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
 }
 
-body.no-input .tooltip::before {
-  content: '';
-  width: 24px;
-  height: 24px;
-  background-color: white;
-  top: -12px;
-  position: absolute;
-  transform: rotate(45deg);
-  z-index: -1;
+.tooltip {
+  display: none;
 }
\ No newline at end of file
diff --git a/views/index.jade b/views/index.jade
index 6d2aa17..dff671e 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -17,7 +17,7 @@ block content
         input(type='search', placeholder='Zoeken')
         button.material-icons.fav(tabindex='0', type='button') 
       .tooltip
-        span Voer hier een <strong>docenten afkorting</strong>, <strong>klas</strong>, <strong>leerlingen nummer</strong> of <strong>lokaal nummer</strong> in.
+        span Voer hier een <strong>docentafkorting</strong>, <strong>klas</strong>, <strong>leerlingnummer</strong> of <strong>lokaalnummer</strong> in.
       button#overflow-button(type='button')
         i.material-icons &#xE5D4;