From cdd815faf83718de1732db9bb9ee0ecd3742c92c Mon Sep 17 00:00:00 2001 From: metarmask Date: Sun, 27 Sep 2015 12:41:15 +0200 Subject: [PATCH 1/2] Align checkboxes and text It currently looks like this: ![image](https://cloud.githubusercontent.com/assets/7348146/10122272/aaa2c682-6513-11e5-93ef-492a5e625a6b.png) With this commit it will look like this: ![image](https://cloud.githubusercontent.com/assets/7348146/10122267/8b549abc-6513-11e5-8626-0dbe3ffed979.png) I have tested this in Chrome, IE and Edge. You can see a preview in your browser [here](https://cdn.rawgit.com/metarmask/Minecraft-ArmorStand/gh-pages/index.htm). --- style.css | 30 ++++++++++++++++++++++++++---- 1 file changed, 26 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 4ed5f2b..4fb661b 100644 --- a/style.css +++ b/style.css @@ -62,10 +62,32 @@ a{ } #disabledslots .first{ - width: 60px; - display: inline-block; - clear: left; - text-align: right; + width: 60px; + display: inline-block; + clear: left; + text-align: right; + vertical-align: top; +} + +#disabledslots span{ + width: 16px; + height: 16px; + display: inline-block; +} + +#disabledslots div{ + height: 16px; + line-height: 16px; +} + +#disabledslots div + div{ + margin-top: 4px; +} + +#disabledslots input[type=checkbox]{ + width: 16px; + height: 16px; + margin: 0; } #disabledslots span{ From e89964b3ec5415feb546431708d7943417c4e784 Mon Sep 17 00:00:00 2001 From: metarmask Date: Sun, 27 Sep 2015 12:43:43 +0200 Subject: [PATCH 2/2] Remove duplicate style for #disabledslots span --- style.css | 6 ------ 1 file changed, 6 deletions(-) diff --git a/style.css b/style.css index 4fb661b..2c78d50 100644 --- a/style.css +++ b/style.css @@ -90,12 +90,6 @@ a{ margin: 0; } -#disabledslots span{ - width: 16px; - height: 16px; - display: inline-block; -} - #disabledslots .sprite{ background-repeat: no-repeat; background-image: url("images/slots.png");