cinera.css: Better behaving search .css

Keeps the results looking more consistent between various display widths

cinera/cinera.c

@@ -14,7 +14,7 @@ typedef struct
 version CINERA_APP_VERSION = {
     .Major = 0,
     .Minor = 5,
-    .Patch = 23
+    .Patch = 24
 };
 
 // TODO(matt): Copy in the DB 3 stuff from cinera_working.c

cinera/cinera.css

@@ -36,18 +36,23 @@
 
 #cineraResults,
 #cineraIndex {
-    max-width: 800px;
     margin: 0 auto;
+    max-width: 800px;
+}
+
+#cineraResults .dayContainer {
+    display: flex;
 }
 
 #cineraResults .dayContainer .dayName {
-    width: 200px;
-    display: inline-block;
-    vertical-align: top;
+    box-sizing: border-box;
+    display: block;
+    flex-shrink: 0;
     font-size: 12px;
     line-height: 16px;
-    box-sizing: border-box;
     padding: 5px;
+    vertical-align: top;
+    width: 200px;
 }
 
 #cineraIndex dt a {
@@ -56,28 +61,29 @@
     text-decoration: none;
 }
 
-#cineraResults .markerList {
-    display: inline-block;
-    max-width: 600px;
+#cineraResults .dayContainer .markerList {
     box-sizing: border-box;
+    display: block;
+    flex-grow: 1;
+    max-width: 600px;
     vertical-align: top;
 }
 
-#cineraResults .markerList > .marker {
-    padding: 10px 5px;
-    cursor: pointer;
+#cineraResults .dayContainer .markerList > .marker {
     border-top: 1px solid;
+    cursor: pointer;
     display: block;
+    padding: 10px 5px;
     text-decoration: none;
 }
 
-#cineraResults .markerList > .marker:first-child {
+#cineraResults .dayContainer .markerList > .marker:first-child {
     border: none;
 }
 
 #cineraResultsSummary {
-    text-align: center;
     margin: 10px 0;
+    text-align: center;
 }
 
 /* Player */