a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tighter header/logo

Browse Source
This commit is contained in:
Tom Russell 2019-04-28 15:57:21 +01:00
parent d6e37d75a3
commit 1c58a3b5f4
3 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/frontend/header.css
View File

@ -1,14 +1,14 @@
/** /**
* Main header * Main header
*/ */
.main-header { .main-header {
display: block; display: block;
min-height: 82px; min-height: 79px;
text-decoration: none; text-decoration: none;
border-bottom: 3px solid #222; border-bottom: 3px solid #222;
} }
.main-header .navbar { .main-header .navbar {
padding: 0.75em 0.75em; padding: 0.75em 0.5em 0.75em;
} }
.main-header .navbar-brand { .main-header .navbar-brand {
margin: 0 1em 0 0; margin: 0 1em 0 0;

17
app/src/frontend/logo.css
View File

@ -14,7 +14,7 @@
} }
.logo .logotype { .logo .logotype {
font-size: 2rem; font-size: 2rem;
margin: 0 0 0 3px; margin: 0 0 -1px 3px;
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
} }
@ -28,17 +28,16 @@
letter-spacing: 0; letter-spacing: 0;
} }
.map-legend .logo { .map-legend .logo {
padding: 0.5rem; padding: 0 0.5rem 0.5rem;
} }
.map-legend .logo .logotype { .map-legend .logo .logotype {
font-size: 1.75rem; font-size: 1.9rem;
position: relative; margin-bottom: -2px;
top: 3px;
} }
.map-legend .logo .row .cell { .map-legend .logo .row .cell {
background-color: #ccc; background-color: #ccc;
height: 10px; height: 12px;
width: 10px; width: 12px;
animation: none !important; animation: none !important;
} }
.logo .grid { .logo .grid {
@ -57,8 +56,8 @@
} }
.logo .cell { .logo .cell {
display: inline-block; display: inline-block;
width: 15px; width: 14px;
height: 15px; height: 14px;
margin: 0 3px 0 0; margin: 0 3px 0 0;
} }
.logo .row:nth-child(1) .cell:nth-child(1) { .logo .row:nth-child(1) .cell:nth-child(1) {

2
app/src/frontend/styles/layout.css
View File

@ -8,7 +8,7 @@
@media (min-width: 768px){ @media (min-width: 768px){
main { main {
position: absolute; position: absolute;
top: 82px; /* 82px header */ top: 79px; /* matches 79px .main-header */
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;