Commit 78861a1c authored by Matt Mascarenhas's avatar Matt Mascarenhas

cinera.css: Better behaving search .css

Keeps the results looking more consistent between various display widths
parent 93fa77b0
......@@ -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
......
......@@ -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 */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment