diff --git a/static/css/index.css b/static/css/index.css index 2f3884a..7c449e7 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -3277,6 +3277,27 @@ header h1 .tagline { min-width: 0; } +.bt-main-area { + display: flex; + gap: 12px; + flex: 1; + min-height: 0; +} + +.bt-side-panels { + display: flex; + flex-direction: column; + gap: 12px; + width: 220px; + flex-shrink: 0; +} + +.bt-side-panel { + flex: 1; + min-height: 0; + overflow: hidden; +} + .bt-radar-panel { flex: 1; min-height: 0; @@ -3289,19 +3310,9 @@ header h1 .tagline { flex: 1; min-height: 0; overflow: hidden; -} - -.bt-bottom-panels { display: flex; - gap: 12px; - flex-shrink: 0; - max-height: 120px; -} - -.bt-compact-panel { - flex: 1; - min-width: 0; - overflow: hidden; + align-items: center; + justify-content: center; } /* Bluetooth Device Detail Panel */ diff --git a/templates/index.html b/templates/index.html index 5908d9e..7d759a8 100644 --- a/templates/index.html +++ b/templates/index.html @@ -773,56 +773,59 @@ - -
-
Proximity Radar
-
-
- - - - -
-
-
- 0 -
Immediate
-
-
- 0 -
Near
-
-
- 0 -
Far
-
-
-
- -
-
-
Tracker Detection
-
-
Monitoring for AirTags, Tiles...
-
-
-
-
Signal Distribution
-
-
Strong (-50+) -
-
-
0 + +
+ +
+
+
Tracker Detection
+
+
Monitoring for AirTags, Tiles...
-
Medium (-70) -
-
-
0 +
+
+
Signal Distribution
+
+
Strong (-50+) +
+
+
0 +
+
Medium (-70) +
+
+
0 +
+
Weak (-90) +
+
+
0 +
-
Weak (-90) -
-
-
0 +
+
+ +
+
Proximity Radar
+
+
+ + + + +
+
+
+ 0 +
Immediate
+
+
+ 0 +
Near
+
+
+ 0 +
Far