From 9200739bf8d9af089ed4fbe3d265df63dd7b77a8 Mon Sep 17 00:00:00 2001 From: Timur Ismagilov Date: Thu, 21 Apr 2022 19:19:20 +0300 Subject: [PATCH] Align left sidebars properly on very wide screens This is some ugly CSS --- static/default.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/default.css b/static/default.css index bb641a0..22305c6 100644 --- a/static/default.css +++ b/static/default.css @@ -75,10 +75,10 @@ header { width: 100%; } header { grid-column: 1 / span 3; grid-row: 1 / span 1; margin: 0; } .layout-card {max-width: 18rem;} .main-width { margin: 0 auto; } - main { grid-column: 2 / span 1; grid-row: 2 / span 3; } + main.main-width { grid-column: 2 / span 1; grid-row: 2 / span 3; margin: 0; } .sibling-hyphae, .markup-toolbar, .help-topics { grid-column: 3 / span 1; margin-left: -.5rem; grid-row: 2 / span 2; } .markup-toolbar { grid-column: 3 / span 1; grid-row: 2 / span 2; margin-left: -.5rem; } - .action-toolbar, .categories-card { grid-column: 1 / span 1; grid-row: 2 / span 1; margin-left: .5rem; } + .action-toolbar, .categories-card { grid-column: 1 / span 1; grid-row: 2 / span 1; margin: 0 -.5rem 0 .5rem; justify-self: end; } .edit-toolbar__buttons { grid-template-columns: 1fr; } }