Merge pull request #33 from dragonfruitnetwork/discord-css-mobile

improve layout discord embed layout on mobile devices
dragonfruitnetwork · Oct 12, 2022 · 161c37b · 161c37b
2 parents 3a0c442 + be527f0
commit 161c37b
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/DragonFruit.Sakura/wwwroot/styles/discord-css.css b/DragonFruit.Sakura/wwwroot/styles/discord-css.css
@@ -32,7 +32,7 @@
 .discord-embed-card-author {
     display: flex;
     align-items: center;
-    margin: 5px 0;
+    margin: 6px 0;
 }
 
 .discord-embed-card-author img {
@@ -55,11 +55,12 @@
     font-size: 1rem;
     font-weight: 600;
 
-    margin-bottom: 4px;
+    margin-bottom: 6px;
 }
 
 .discord-embed-card-fields {
-    gap: 20px;
+    row-gap: 5px;
+    column-gap: 20px;
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;