cinera.css: Better behaving search .css

Keeps the results looking more consistent between various display widths
This commit is contained in:
Matt Mascarenhas 2018-01-12 23:26:07 +00:00
parent 93fa77b055
commit 78861a1c78
2 changed files with 20 additions and 14 deletions

View File

@ -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

View File

@ -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 */