From 597772c6c5d1582c32a542fa75dffc0640c61358 Mon Sep 17 00:00:00 2001
From: Quentin Fuxa <quentin.fuxa@gmail.com>
Date: Mon, 3 Mar 2025 10:27:07 +0100
Subject: [PATCH] clean html

---
 web/live_transcription.html | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/web/live_transcription.html b/web/live_transcription.html
index 09d7408..325c744 100644
--- a/web/live_transcription.html
+++ b/web/live_transcription.html
@@ -20,17 +20,14 @@
             background-color: white;
             cursor: pointer;
             transition: background-color 0.3s ease, transform 0.2s ease;
-            border: 1px solid rgb(252, 230, 229);
-            border-bottom: 5px solid rgb(252, 230, 229);
+            border: 1px solid rgb(233, 233, 233);
             display: flex;
             align-items: center;
             justify-content: center;
         }
 
         #recordButton.recording {
-            background-color: rgba(255, 130, 123, 0.032);
-            border: 1px solid rgb(240, 198, 195);
-            border-bottom: 5px solid rgb(240, 198, 195);
+            border: 1px solid rgb(216, 182, 182);
             color: white;
         }
 
@@ -38,6 +35,7 @@
             transform: scale(0.95);
         }
 
+        /* Shape inside the button */
         .shape-container {
             width: 40px;
             height: 40px;
@@ -123,8 +121,8 @@
         }
 
         #speaker {
-            background-color: rgb(252, 230, 229);
-            border-radius: 8px 8px 8px 0px;
+            border: 1px solid rgb(229, 229, 229);
+            border-radius: 100px;
             padding: 2px 10px;
             font-size: 14px;
             margin-bottom: 0px;
@@ -136,8 +134,7 @@
             margin-left: 10px;
             font-size: 14px;
             margin-bottom: 0px;
-            border-bottom: 3px solid rgb(155, 84, 84);
-            color: rgb(155, 84, 84)
+            color: rgb(134, 134, 134)
         }
 
         .label_transcription {
@@ -147,8 +144,7 @@
             margin-left: 10px;
             font-size: 14px;
             margin-bottom: 0px;
-            border-bottom: 3px solid #8825255c;
-            color: #8825255c
+            color: #7474746f
         }
 
         #timeInfo {
@@ -160,7 +156,6 @@
             font-size: 16px;
             /* margin-left: 10px; */
             padding-left: 10px;
-            border-left: 3px solid rgb(252, 230, 229);
             margin-bottom: 10px;
             margin-top: 1px;
             padding-top: 5px;
@@ -168,12 +163,12 @@
         }
 
         .buffer_diarization {
-            color: rgb(155, 84, 84);
+            color: rgb(134, 134, 134);
             margin-left: 4px;
         }
 
         .buffer_transcription {
-            color: #8825255c;
+            color: #7474746f;
             margin-left: 4px;
         }
 
@@ -182,8 +177,8 @@
             display: inline-block;
             width: 8px;
             height: 8px;
-            border: 2px solid #8825255c;
-            border-top: 2px solid #882525e5;
+            border: 2px solid #8d8d8d5c;
+            border-top: 2px solid #6c6c6ce5;
             border-radius: 50%;
             animation: spin 0.6s linear infinite;
             vertical-align: middle;