Annotation-Pushers
/
Annotation-System
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
cinera/cinera.c
View File

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

32
cinera/cinera.css
View File

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