Bump up font sizes and margins of cards

DFreds · Apr 21, 2023 · 8e5eb04 · 8e5eb04
1 parent ca0efd6
commit 8e5eb04
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/styles/dfreds-effects-panel.css b/styles/dfreds-effects-panel.css
@@ -11,7 +11,7 @@
   border-radius: 2px;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
   color: #fff;
-  font-size: 9px;
+  font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.05em;
   line-height: 1;
@@ -75,21 +75,23 @@
 .effect-panel .effect-item .effect-info h1 {
   border: none;
   color: #fff;
-  font-size: 12px;
-  margin: 0;
+  font-size: 16px;
+  font-weight: bold;
+  margin: 8px;
   padding: 0;
-  text-align: right;
+  text-align: left;
 }
 .effect-panel .effect-item .effect-info h2 {
   border: none;
   color: #fff;
-  font-size: 10px;
-  margin: 0;
+  font-size: 14px;
+  margin: 8px;
   padding: 0;
-  text-align: right;
+  text-align: left;
 }
 .effect-panel .effect-item .effect-info .tags {
   justify-content: flex-end;
+  margin: 8px;
 }
 .effect-panel .effect-item .effect-info .tags .tag {
   margin-bottom: 0;
@@ -100,6 +102,7 @@
   margin-right: -2px;
 }
 .effect-panel .effect-item .icon {
+  aspect-ratio: 1;
   align-items: center;
   background-repeat: no-repeat;
   background-size: contain;