From 78861a1c78fd4852325a72e85db526c90804c48b Mon Sep 17 00:00:00 2001
From: Matt Mascarenhas <matt@handmadedev.org>
Date: Fri, 12 Jan 2018 23:26:07 +0000
Subject: [PATCH] cinera.css: Better behaving search .css

Keeps the results looking more consistent between various display widths
---
 cinera/cinera.c   |  2 +-
 cinera/cinera.css | 32 +++++++++++++++++++-------------
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/cinera/cinera.c b/cinera/cinera.c
index e28f15d..2d43b68 100644
--- a/cinera/cinera.c
+++ b/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
diff --git a/cinera/cinera.css b/cinera/cinera.css
index 63bd13d..749cbf6 100644
--- a/cinera/cinera.css
+++ b/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 */