fix 4be7cf9

kokonect-link · Jan 4, 2024 · 96f0599 · 96f0599
1 parent 60c23f9
commit 96f0599
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue
@@ -1443,20 +1443,21 @@ defineExpose({
 	.footer {
 		padding: 0 8px 8px 8px;
 	}
-}
-
-@container (max-width: 350px) {
-	.footer {
-		font-size: 0.9em;
-	}
 
 	.footerLeft {
-		grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
+		grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
+		padding-left: 2px;
 	}
 
 	.footerRight {
 		grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
 	}
+}
+
+@container (max-width: 350px) {
+	.footer {
+		font-size: 0.9em;
+	}
 
 	.headerRight {
 		gap: 0;

diff --git a/packages/frontend/src/components/MkPostFormSimple.vue b/packages/frontend/src/components/MkPostFormSimple.vue
@@ -1492,20 +1492,21 @@ defineExpose({
 	.footer {
 		padding: 0 8px 8px 8px;
 	}
-}
-
-@container (max-width: 350px) {
-	.footer {
-		font-size: 0.9em;
-	}
 
 	.footerLeft {
-		grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
+		grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
+		padding-left: 2px;
 	}
 
 	.footerRight {
 		grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
 	}
+}
+
+@container (max-width: 350px) {
+	.footer {
+		font-size: 0.9em;
+	}
 
 	.headerRight {
 		gap: 0;