diff --git a/src/lib/Feed.svelte b/src/lib/Feed.svelte index 1873346..dd989a1 100644 --- a/src/lib/Feed.svelte +++ b/src/lib/Feed.svelte @@ -19,12 +19,11 @@ \ No newline at end of file diff --git a/src/lib/SLayout.svelte b/src/lib/SLayout.svelte index a7bec54..4d0211c 100644 --- a/src/lib/SLayout.svelte +++ b/src/lib/SLayout.svelte @@ -28,12 +28,12 @@ let mobiRightActive = $state(false); grid-template-areas: ". title ." "left center right"; - margin: 1em 2em; + padding: 1em 2em; position: relative; } -.layout-left { grid-area: left; padding-right: 1em; } -.layout-right { grid-area: right; padding-left: 1em; } +.layout-left { grid-area: left; padding-inline-end: 1em; } +.layout-right { grid-area: right; padding-inline-start: 1em; } .layout-content { grid-area: center; } .layout-title { grid-area: title; text-align: center; font-size: 1.4em; } @@ -86,6 +86,8 @@ let mobiRightActive = $state(false); "center center center"; grid-template-columns: 2em auto 2em; + + padding: 1em .5em; } .layout-left, .layout-right { display: none; } @@ -107,6 +109,10 @@ let mobiRightActive = $state(false); right: 0; } + .layout-content { + font-size: .9em; + } + }