fix: Mobile styling improvements

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;
     }
 }
 

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>