From b729e5c61d8297c70cb63a1751399574288e4cf1 Mon Sep 17 00:00:00 2001 From: ulrich <undisclosed> Date: Sun, 07 Jan 2018 23:15:52 +0000 Subject: [PATCH] .. --- app.css | 65 +++++++++++++++++++++++++++++++- 1 files changed, 62 insertions(+), 3 deletions(-) diff --git a/app.css b/app.css index 97cb96f..0629b71 100644 --- a/app.css +++ b/app.css @@ -10,7 +10,8 @@ margin: 0; padding: 0; height: 100%; /* Anmerkung 2 */ - font-size: initial; + font-size: large; + /* font-size: initial; */ /* font-size: 1.5em; */ /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; font-weight: 400; @@ -31,7 +32,8 @@ background-color: lightgray; display: flex; flex-flow: row; - height: 1.6em; + height: 2.2em; + align-items: center; } .sued { background-color: lightgray; @@ -69,17 +71,48 @@ /* app-layout ende */ +#nav-menu { + /* padding-top: 0.5em;*/ + width: 2em; +} + #app-titel { - padding-left: 2em; + /* padding-left: 2em; */ } .pointer-cursor { cursor: pointer; } +.sendersuche { + padding-left: 1em; +} + +input[type="search"] { + height: 1.6em; + padding: 0; + /*padding: 6px 10px;*/ /* The 6px vertically centers text on FF, ignored by Webkit */ + background-color: #fff; + border: 1px solid #D1D1D1; + border-radius: 4px; + box-shadow: none; + box-sizing: border-box; + font-size: large; + + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + .zentrum-behaelter { display: flex; flex-flow: column; +} + +.inline-label { + display: inline-block; + width: 3em; + text-align: right; } /* Dialogfeld */ @@ -109,6 +142,10 @@ background-color: #f6f6f6; // grau } +.sender-eingabe { + width: 80%; +} + /* Close Button @@ -125,6 +162,27 @@ padding: 0; font-size: 1.3em; color: #b8b8b8; +} + +/* Abspieler */ + +.abspieler-behaelter { + display: flex; + flex-flow: row; + padding: 0.6em; +} + +.abspieler-lb { + width: 4.5em; + padding-right: 0.2em; +} + +.abspieler-auswahl { + width: 70%; +} + +#abspielen-stoppen { + margin-left: 0.4em; } /* Sender */ @@ -149,6 +207,7 @@ margin: 0.4em; padding: 0.4em; background-color: white; + cursor: pointer; } .sender-name { -- Gitblit v1.9.3