[mirotalkc2c] - chat UI improvements

miroslavpejic85 · Oct 9, 2024 · af33b3d · af33b3d
1 parent abe2be6
commit af33b3d
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/frontend/css/chat.css b/frontend/css/chat.css
@@ -125,14 +125,20 @@
 }
 
 .chat .footer .buttons button {
-    background: #439fff;
+    width: 2rem;
+    height: 2rem;
+    padding: 5px;
     border: none;
+    border-radius: 50px;
+    background: #439fff;
     color: white;
-    font-size: 1.4rem;
-    cursor: pointer;
-    border-radius: 50%;
-    padding: 6px;
-    transition: background-color 0.2s ease;
+    text-align: center;
+    font-size: 1.1rem;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
 }
 
 .chat .footer .buttons button:hover {
@@ -192,6 +198,9 @@
     }
 
     .chat .footer .buttons button {
+        padding: 10px;
+        width: 2.5rem;
+        height: 2.5rem;
         font-size: 1.3rem;
     }
 }