From f1b77109840c0ee1efbff3ff493196c4a7a59562 Mon Sep 17 00:00:00 2001
From: Ginger <ginger@gingershaped.computer>
Date: Thu, 2 Jul 2026 17:13:14 -0400
Subject: [PATCH] fix: Mobile styling improvements

---
 src/web/pages/resources/common.css                 | 14 ++------------
 .../templates/_components/device_card.html.j2      |  2 +-
 2 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/src/web/pages/resources/common.css b/src/web/pages/resources/common.css
index f3307c72d..9a03e7c59 100644
--- a/src/web/pages/resources/common.css
+++ b/src/web/pages/resources/common.css
@@ -341,18 +341,8 @@ ul.bullet-separated {
         margin-top: 0;
     }
 
-    ul.bullet-separated {
-        display: block;
-        padding-left: inherit;
-
-        li {
-            display: list-item;
-            list-style-type: disc;
-
-            &::before {
-                content: none !important;
-            }
-        }
+    .mobile-hidden {
+        display: none;
     }
 }
 
diff --git a/src/web/pages/templates/_components/device_card.html.j2 b/src/web/pages/templates/_components/device_card.html.j2
index b8ecfc6b6..cc6c4f372 100644
--- a/src/web/pages/templates/_components/device_card.html.j2
+++ b/src/web/pages/templates/_components/device_card.html.j2
@@ -11,7 +11,7 @@
             </span>
             {% if style == DeviceCardStyle::Detailed %}
                 <span class="id">
-                    •
+                    <span class="mobile-hidden">•</span>
                     <ul class="bullet-separated">
                         <li>{{ device_id }}</li>
                         <li>