Improve styling on mobile

gobitfly · Jun 11, 2024 · 92d6fe4 · 92d6fe4
1 parent 94c4453
commit 92d6fe4
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/frontend/components/pricing/PremiumAddonBox.vue b/frontend/components/pricing/PremiumAddonBox.vue
@@ -395,7 +395,7 @@ const purchaseQuantityButtons = computed(() => {
           gap: 8px;
 
           .quantity-input {
-            width: 30px;
+            width: 35px;
 
             > :first-child {
               font-size: 12px;
@@ -407,7 +407,14 @@ const purchaseQuantityButtons = computed(() => {
           }
         }
 
-        margin-bottom: 39px;
+        margin-bottom: 10px;
+      }
+
+      .limit-reached-row {
+        height: 10px;
+        font-size: 8px;
+
+        margin-bottom: 20px;
       }
 
       .select-button {