changes

fusion_clock/static/src/css/portal_clock.css

@@ -66,12 +66,23 @@ html.o_dark .fclk-app,
     box-sizing: border-box;
 }
 
-/* Hide portal navigation */
+/* Hide portal navigation and footer */
 .fclk-app ~ .o_portal_navbar,
 .fclk-app .o_portal_navbar {
     display: none !important;
 }
 
+.fclk-app ~ footer,
+.fclk-app ~ .o_footer,
+.fclk-app ~ .o_footer_copyright {
+    display: none !important;
+}
+
+body:has(.fclk-app) footer,
+body:has(.fclk-app) .o_footer {
+    display: none !important;
+}
+
 .fclk-container {
     max-width: 480px;
     margin: 0 auto;
@@ -224,11 +235,12 @@ html.o_dark .fclk-app,
 
 .fclk-timer {
     color: var(--fclk-text);
-    font-size: 52px;
+    font-size: clamp(32px, 10vw, 52px);
     font-weight: 300;
-    letter-spacing: 4px;
+    letter-spacing: 2px;
     font-variant-numeric: tabular-nums;
     font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;
+    white-space: nowrap;
 }
 
 /* ---- Clock Button ---- */
@@ -282,6 +294,13 @@ html.o_dark .fclk-app,
 .fclk-btn-icon {
     position: relative;
     z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.fclk-btn-icon svg[id="fclk-btn-icon-play"] {
+    transform: translateX(3px);
 }
 
 .fclk-btn-ripple {
@@ -1000,14 +1019,15 @@ html.o_dark .fclk-wizard-overlay {
 }
 
 /* ---- Responsive ---- */
-@media (max-width: 380px) {
-    .fclk-timer {
-        font-size: 40px;
-    }
+@media (max-width: 420px) {
     .fclk-clock-btn {
         width: 100px;
         height: 100px;
     }
+    .fclk-clock-btn svg {
+        width: 36px;
+        height: 36px;
+    }
     .fclk-stat-value {
         font-size: 26px;
     }