diff --git a/style.css b/style.css index 36fa4cb..6f87feb 100644 --- a/style.css +++ b/style.css @@ -2028,26 +2028,26 @@ body.forum .sidebar .box .thread .info .timestamp {color: var(--subtitle);} /* DASHBOARD / HOME */ @media (orientation: portrait) { body.dashboard .dash-container { + display: flex; flex-direction: column-reverse; } + + body.dashboard .section { + width: 100%; + margin: 0px 4px; + } } @media (orientation: landscape) { body.dashboard .dash-container { - flex-direction: row; + max-width: 1000px; + margin: auto; } - - body.dashboard .sidebar { - width: 400px; - flex-shrink: 0; - } -} - -body.dashboard .dash-container { - display: flex; - gap: 8px; - max-width: 1000px; - margin: auto; + + body.dashboard .section { margin: 0px -2px; } + body.dashboard .section .container { padding: 4px; } + body.dashboard .primary { width: 60%; } + body.dashboard .sidebar { width: 40%; } } body.dashboard .dash-container .mainbox { @@ -2065,14 +2065,13 @@ body.dashboard .profile-tag img { padding: 4px; } -body.dashboard .sidebar { - display: flex; - flex-direction: column; - gap: 8px; +body.dashboard .section { + display: inline-block; + vertical-align: top; } -body.dashboard .primary { - flex-grow: 1; +body.dashboard .section .container { + margin: 8px 0px; } body.dashboard .dash-title {