aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMario <mario@mariovavti.com>2024-02-13 21:14:03 +0000
committerMario <mario@mariovavti.com>2024-02-13 21:14:03 +0000
commite2b1670d6c8768e43993a266a4be64ef2eefdb8e (patch)
treec731995dcc80657fb56717735a8d9dfd50280192
parent2bfdfbe3cc094f5a7e33bda42ca259b8470f41c9 (diff)
downloadvolse-hubzilla-e2b1670d6c8768e43993a266a4be64ef2eefdb8e.tar.gz
volse-hubzilla-e2b1670d6c8768e43993a266a4be64ef2eefdb8e.tar.bz2
volse-hubzilla-e2b1670d6c8768e43993a266a4be64ef2eefdb8e.zip
fix round buttons not being round
-rw-r--r--view/css/widgets.css15
-rw-r--r--view/tpl/hq_controls.tpl4
2 files changed, 16 insertions, 3 deletions
diff --git a/view/css/widgets.css b/view/css/widgets.css
index 42768b001..8d04e6e0d 100644
--- a/view/css/widgets.css
+++ b/view/css/widgets.css
@@ -269,7 +269,7 @@ a.wikilist {
}
/* hq_controls */
-.hq_controls_fixed_bottom_center {
+.hq_controls.hq_controls_fixed_bottom_center {
z-index: 1028;
position: fixed;
bottom: 0px;
@@ -277,3 +277,16 @@ a.wikilist {
transform: translateX(-50%);
}
+.hq_controls .btn.rounded-circle {
+ width: 2.7rem;
+ height: 2.7rem;
+ padding: 0;
+ font-size: 1rem;
+}
+
+.hq_controls_fixed_bottom_center .btn.rounded-circle {
+ width: 3.2rem;
+ height: 3.2rem;
+ padding: 0;
+ font-size: 1.5rem;
+}
diff --git a/view/tpl/hq_controls.tpl b/view/tpl/hq_controls.tpl
index 3adbfa7c0..0d433c2c2 100644
--- a/view/tpl/hq_controls.tpl
+++ b/view/tpl/hq_controls.tpl
@@ -1,7 +1,7 @@
-<div class="mb-3{{if $wrapper_class}} {{$wrapper_class}}{{/if}}">
+<div class="mb-3 hq_controls{{if $wrapper_class}} {{$wrapper_class}}{{/if}}">
{{foreach $entries as $e}}
<button class="{{$e.class}} rounded-circle{{if $entry_class}} {{$entry_class}}{{/if}}" type="{{$e.type}}" title="{{$e.label}}"{{if $e.extra}} {{$e.extra}}{{/if}}>
- {{if $e.icon}}<i class="fa fa-{{$e.icon}} mt-1 mb-1"></i>{{/if}}
+ {{if $e.icon}}<i class="fa fa-{{$e.icon}}"></i>{{/if}}
</button>
{{/foreach}}
</div>