Tighter header/logo

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

View File

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

View File

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

View File

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