Added margin to header logo (desktop only)

This commit is contained in:
Lucas Hinderberger 2020-08-31 16:14:37 +02:00
parent d5939f7cc5
commit 624f95f558

View file

@ -6,7 +6,7 @@ header > .container { display: flex; align-items: center; }
#header-buttons { flex: 1; text-align: right; }
#header-buttons a { text-decoration: none; color: black; margin-left: 10px; }
#header-buttons a:hover { text-decoration: underline; }
#header-logo { height: 100%; padding: 10px; padding-left: 0; box-sizing: border-box; }
#header-logo { height: 100%; padding: 10px; padding-left: 0; box-sizing: border-box; margin-left: 10px; }
#header-logo img { height: 100%; }
#contents-button { display: none; }
@ -59,6 +59,7 @@ footer { background: #f5f5f5; text-align: center; font-size: 8pt; padding: 15px;
.flex-spacer { flex: 99; }
@media screen and (max-width: 1400px) {
#header-logo { margin-left: 0; }
#sidebar { display: block; position: absolute; left: 0; top: 0; height: 100%; transform: translateX(-400px); }
#sidebar .sidebar-close-button { display: block; }
article { margin-left: 0; margin-right: 0; width: 100%; }