diff --git a/pinenote-shell/style.css b/pinenote-shell/style.css index 637cf14..088ec1b 100644 --- a/pinenote-shell/style.css +++ b/pinenote-shell/style.css @@ -1,29 +1,45 @@ * { - margin: 0; - padding: 0; + margin-top: 0; + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + padding-left: 0; + padding-right: 0; /* E-ink displays ghost badly with animations/transitions */ - transition: none; + transition-property: none; + transition-duration: 0s; animation: none; } window.pinenote-shell-widget { background-color: rgba(20, 20, 30, 0.95); color: #ffffff; - font-family: "Ubuntu", "Noto Sans", sans-serif; + font-family: Ubuntu, "Noto Sans", sans-serif; border-radius: 8px; - margin: 16px; + margin-top: 16px; + margin-bottom: 16px; + margin-left: 16px; + margin-right: 16px; } window.pinenote-shell-widget .title-big { font-size: 24px; font-weight: bold; color: #61afef; - margin: 16px; + margin-top: 16px; + margin-bottom: 16px; + margin-left: 16px; + margin-right: 16px; } window.pinenote-shell-widget .header { background-color: rgba(0, 0, 0, 0.3); - padding: 8px; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 8px; + padding-right: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } @@ -48,7 +64,6 @@ window.pinenote-shell-widget .title { window.pinenote-shell-widget .brightness-levelbar { min-height: 200px; min-width: 20px; - max-width: 20px; margin-top: 0; margin-bottom: 0; margin-left: auto; @@ -77,10 +92,14 @@ window.pinenote-shell-widget button { border: 1px solid #61afef; border-radius: 6px; padding: 12px; - margin: 8px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 8px; + margin-right: 8px; color: #ffffff; /* E-ink: no hover transitions */ - transition: none; + transition-property: none; + transition-duration: 0s; } window.pinenote-shell-widget button:hover { @@ -89,7 +108,10 @@ window.pinenote-shell-widget button:hover { } window.pinenote-shell-widget .brightness-button { - padding: 8px; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 8px; + padding-right: 8px; min-width: 60px; } @@ -99,6 +121,6 @@ window.pinenote-shell-widget .waveform-label { margin-bottom: 8px; } -window.pinenote-shell-widget Icon { +window.pinenote-shell-widget icon { color: #61afef; -} \ No newline at end of file +}