[gnome-sound-recorder] Circular buttons fix



commit f55e75e4e3b816b34765a5c2533821f50549f25b
Author: Kavan Mevada <kavanmevada gmail com>
Date:   Mon Aug 24 13:49:33 2020 +0530

    Circular buttons fix

 data/application.css |  7 +++++++
 data/ui/row.ui       | 27 +++++++++------------------
 data/ui/window.ui    | 12 ++++--------
 3 files changed, 20 insertions(+), 26 deletions(-)
---
diff --git a/data/application.css b/data/application.css
index 500b81b..721cfa3 100644
--- a/data/application.css
+++ b/data/application.css
@@ -3,6 +3,13 @@
   font-weight: 300
 }
 
+button.rounded-button { 
+  padding: 4px;
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
 button.large {
   padding: 12px;
 }
diff --git a/data/ui/row.ui b/data/ui/row.ui
index 8d842d3..96d2fa1 100644
--- a/data/ui/row.ui
+++ b/data/ui/row.ui
@@ -168,8 +168,7 @@
                                       </object>
                                     </child>
                                     <style>
-                                      <class name="image-button"/>
-                                      <class name="circular"/>
+                                      <class name="rounded-button"/>
                                     </style>
                                   </object>
                                   <packing>
@@ -193,8 +192,7 @@
                                       </object>
                                     </child>
                                     <style>
-                                      <class name="image-button"/>
-                                      <class name="circular"/>
+                                      <class name="rounded-button"/>
                                     </style>
                                   </object>
                                   <packing>
@@ -219,8 +217,7 @@
                                   </object>
                                 </child>
                                 <style>
-                                  <class name="image-button"/>
-                                  <class name="circular"/>
+                                  <class name="rounded-button"/>
                                 </style>
                               </object>
                             </child>
@@ -247,9 +244,8 @@
                               </object>
                             </child>
                             <style>
+                              <class name="rounded-button"/>
                               <class name="suggested-action"/>
-                              <class name="image-button"/>
-                              <class name="circular"/>
                             </style>
                           </object>
                           <packing>
@@ -283,8 +279,7 @@
                               </object>
                             </child>
                             <style>
-                              <class name="image-button"/>
-                              <class name="circular"/>
+                              <class name="rounded-button"/>
                             </style>
                           </object>
                           <packing>
@@ -318,8 +313,7 @@
                               </object>
                             </child>
                             <style>
-                              <class name="image-button"/>
-                              <class name="circular"/>
+                              <class name="rounded-button"/>
                             </style>
                           </object>
                           <packing>
@@ -347,8 +341,7 @@
                                   </object>
                                 </child>
                                 <style>
-                                  <class name="image-button"/>
-                                  <class name="circular"/>
+                                  <class name="rounded-button"/>
                                   <class name="large"/>
                                 </style>
                               </object>
@@ -373,8 +366,7 @@
                                   </object>
                                 </child>
                                 <style>
-                                  <class name="image-button"/>
-                                  <class name="circular"/>
+                                  <class name="rounded-button"/>
                                   <class name="large"/>
                                 </style>
                               </object>
@@ -404,8 +396,7 @@
                               </object>
                             </child>
                             <style>
-                              <class name="image-button"/>
-                              <class name="circular"/>
+                              <class name="rounded-button"/>
                             </style>
                           </object>
                           <packing>
diff --git a/data/ui/window.ui b/data/ui/window.ui
index 4e3c373..d0bbd6f 100644
--- a/data/ui/window.ui
+++ b/data/ui/window.ui
@@ -260,8 +260,7 @@
                                       </object>
                                     </child>
                                     <style>
-                                      <class name="image-button"/>
-                                      <class name="circular"/>
+                                      <class name="rounded-button"/>
                                     </style>
                                   </object>
                                   <packing>
@@ -285,8 +284,7 @@
                                       </object>
                                     </child>
                                     <style>
-                                      <class name="image-button"/>
-                                      <class name="circular"/>
+                                      <class name="rounded-button"/>
                                     </style>
                                   </object>
                                   <packing>
@@ -318,8 +316,7 @@
                                 </child>
                                 <style>
                                   <class name="destructive-action"/>
-                                  <class name="image-button"/>
-                                  <class name="circular"/>
+                                  <class name="rounded-button"/>
                                   <class name="large"/>
                                 </style>
                               </object>
@@ -344,8 +341,7 @@
                                   </object>
                                 </child>
                                 <style>
-                                  <class name="image-button"/>
-                                  <class name="circular"/>
+                                  <class name="rounded-button"/>
                                 </style>
                               </object>
                               <packing>


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]