From 92d6fe462b4e9aac4eab34762abc2dba525043d6 Mon Sep 17 00:00:00 2001
From: D13ce <stefan.benker@bitfly.at>
Date: Tue, 11 Jun 2024 16:11:15 +0200
Subject: [PATCH] Improve styling on mobile

---
 frontend/components/pricing/PremiumAddonBox.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/components/pricing/PremiumAddonBox.vue b/frontend/components/pricing/PremiumAddonBox.vue
index 586d6adb7..a0ec6a9b2 100644
--- 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 {