From c8f5ba2493b6d9bcceab871d41b7ec5692d41058 Mon Sep 17 00:00:00 2001 From: Daniel Friesel Date: Sun, 20 Sep 2020 06:15:12 +0200 Subject: fix icon alignment in buttons --- sass/app.scss | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) (limited to 'sass/app.scss') diff --git a/sass/app.scss b/sass/app.scss index 676d118..9f0caea 100644 --- a/sass/app.scss +++ b/sass/app.scss @@ -356,7 +356,7 @@ div.app .moreinfo .minfo { } div.app .moreinfo .verbose { - margin-bottom: 0.6em; + margin-bottom: 1em; } div.app .moreinfo .mroute .important-stop { @@ -613,8 +613,19 @@ div.field { margin-bottom: 0.6em; } +.disabledbutton { + display: inline-block; + vertical-align: baseline; + border-radius: 4px; + border: 1px solid #cccccc; + box-shadow: none; + padding: 0.9ex; + margin-right: 1em; +} + .smallbutton { display: inline-block; + vertical-align: baseline; border-radius: 4px; border: 1px solid #2e6da4; transition: background-color .3s; @@ -623,10 +634,14 @@ div.field { cursor: pointer; box-shadow: none; padding: 0.9ex; + margin-right: 1em; } -.smallbutton .material-icons { - margin-bottom: -0.5ex; +.smallbutton .material-icons, +.disabledbutton .material-icons { + display: block; + float: left; + margin-right: 0.5ex; } input, select, .button { -- cgit v1.2.3