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>