diff --git a/app/assets/stylesheets/forms.css b/app/assets/stylesheets/forms.css index 16706ca..2e9620c 100644 --- a/app/assets/stylesheets/forms.css +++ b/app/assets/stylesheets/forms.css @@ -67,7 +67,12 @@ form.stat-form { } .inline { + display: flex; padding: .5em; + align-items: center; + label { + min-width: fit-content; + } input { padding: .2em; height: auto; diff --git a/app/assets/stylesheets/layout.css b/app/assets/stylesheets/layout.css index f1db3ca..b8e6d40 100644 --- a/app/assets/stylesheets/layout.css +++ b/app/assets/stylesheets/layout.css @@ -143,7 +143,19 @@ hr { .roll-button { border-radius: var(--border-radius); - scale: 1.4; + margin: .5em; cursor: pointer; box-shadow: 0 0 5px var(--shadow-color); } + +.roll-command-display { + min-width: fit-content; + font-size: .8em; +} + +.roll-command-display:before { + content: "("; +} +.roll-command-display:after { + content: ")"; +} diff --git a/app/views/stats/show.html.erb b/app/views/stats/show.html.erb index a98f7ef..7fd3db4 100644 --- a/app/views/stats/show.html.erb +++ b/app/views/stats/show.html.erb @@ -17,14 +17,17 @@ data: { controller: "dice-roll modal-closer", action: "modal-closer#closeModal" } do |f| %> <%= f.hidden_field :rollable_type, value: "Stat" %> <%= f.hidden_field :rollable_id, value: @stat.id %> +