improved tooltip

1 files changed, 23 insertions, 20 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