Merge branch 'master' of github.com:nloomans/rooster-mml

1 files changed, 37 insertions, 12 deletions

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 5c51bb4..3dc309d 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -5,11 +5,6 @@
 html, body {
   margin: 0;
   font-family: 'Roboto', sans-serif;
-  display: flex;
-  -js-display: flex;
-  flex-direction: column;
-  width: 100vw;
-  height: 100vh;
 }
 
 .other {
@@ -23,9 +18,7 @@ html, body {
   background-color: #F44336;
   margin: 0 auto;
   width: 100%;
-  position: absolute;
-  /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
-  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
+  position: fixed;
   box-shadow: 0 0.5px 1.5px rgba(0,0,0,0.06), 0 0.5px 1px rgba(0,0,0,0.12);
 }
 
@@ -128,10 +121,7 @@ li:hover {
 }
 
 #schedule {
-  flex-grow: 1;
-  width: 100vw;
-  border: 0;
-  padding: 0;
+  overflow: auto;
 }
 
 body.searched #search-space-filler {
@@ -176,6 +166,10 @@ body.searched #search-space-filler {
   justify-content: center;
 }
 
+#week-selector .current.changed {
+  font-weight: bold;
+}
+
 #week-selector button {
   background: transparent;
   color: white;
@@ -232,6 +226,10 @@ ul a {
   display: none;
 }
 
+body:not(.no-input) {
+  overflow-y: scroll;
+}
+
 body.no-input #week-selector {
   display: none;
 }
@@ -351,4 +349,31 @@ body.no-input #week-selector {
 
 .tooltip {
   display: none;
+}
+
+@media screen and (max-width: 600px) {
+  table table tr {
+    display: flex;
+    flex-direction: column;
+  }
+
+  table * {
+    padding: 0;
+    line-height: 13px;
+    font-size: 13px;
+  }
+}
+
+.error {
+  text-align: center;
+  margin-top: 100px;
+  padding: 16px;
+}
+
+body.week-selector-not-visible #search {
+  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
+}
+
+body.week-selector-not-visible #week-selector {
+  box-shadow: inherit;
 }
\ No newline at end of file