From cdc93a91fa03097843b57df1aeb151ccd8a02f35 Mon Sep 17 00:00:00 2001 From: Cristobal Hall-Ramnos Date: Fri, 2 Jun 2017 19:10:57 -0400 Subject: [PATCH] Improve Run Editor look and feel --- css/livesplit.css | 27 +++++++++++---------------- 1 file changed, 11 insertions(+), 16 deletions(-) diff --git a/css/livesplit.css b/css/livesplit.css index 984132c..0b36514 100644 --- a/css/livesplit.css +++ b/css/livesplit.css @@ -431,11 +431,11 @@ button { /* Run Editer */ .table { - margin: 0 0 40px 0; width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display: table; - float: right; + border: 1px solid hsl(0, 0%, 25%); + border-collapse: collapse; } .table-body{ display: table-row-group; @@ -454,11 +454,17 @@ button { display: table-cell; } .btn-group button { + font-size: 15px; width: 138px; - height: 49px; + height: 30px; margin-right: 5px; display: block; } + +.btn-group button:nth-child(1) { + margin-top: 0; +} + .editer-group { display: inline-flex } @@ -475,6 +481,7 @@ input.name { .table-header>div { width: 78px; font-weight: bold; + text-align: center; } .table-header>div:after { @@ -520,28 +527,16 @@ input.name { form > div > input { font-size: 15px; border: none; - border-bottom: white; + border-bottom: 1px solid hsl(0, 0%, 25%); background: transparent; color: white; text-overflow: ellipsis; } -form>div:not(.checkbox):after { - content:' '; - width:100%; - position:relative; - display:block; - border-top:1px solid hsla(0, 0%, 100%, 0.2); - bottom: 1px; -} - form>div>input:not(.name) { text-align: right; } -.btn-group>button { - font-size: 15px; -} .timing-selection>button { font-size: 15px;