Cleanups for Toot display on mobile

mashedkeyboard · Nov 11, 2023 · 220c53c · 220c53c
1 parent 01e16c2
commit 220c53c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/lib/components/Toot.svelte b/src/lib/components/Toot.svelte
@@ -75,6 +75,7 @@
             @include light-mode {
                 color: $primary_dark;
             }
+            margin-right: 1em;
         }
     }
 </style>
diff --git a/...ar=BlogYear]/[month=BlogMonthOrDay]/[day=BlogMonthOrDay]/[slug=BlogPostSlug]/+page.svelte b/...ar=BlogYear]/[month=BlogMonthOrDay]/[day=BlogMonthOrDay]/[slug=BlogPostSlug]/+page.svelte
@@ -138,11 +138,10 @@
 
 	.e-content {
 		:global(aside) {
-			float: right;
-			max-width: 50%;
-			text-align: right;
-
 			@media screen and (min-width: $mobile-break) {
+				float: right;
+				text-align: right;
+				max-width: 50%;
 				margin-left: 1.5em;
 			}