[Work in progress] A Reactjs-based web app to help with ricing: designing beautiful unix desktop environments.
git clone https://mcol.xyz/code/unix.sexy
Log | Files | Refs

commit f6868c07c07e0a0c2eef46add5d16a180ce88041
parent 580b9806aa468924067f21bf0bcfd5922d37b8cd
Author: mcol <mcol@posteo.net>
Date:   Thu,  4 Jun 2020 18:03:19 +0100

remove panel padding, fix css indentation

Diffstat:
Msrc/index.css | 40++++++++++++++++++++--------------------
1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/index.css b/src/index.css @@ -1,15 +1,17 @@ body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + margin: 0; + max-width: 100%; + max-height: 100%; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', - monospace; + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + monospace; } #root { @@ -22,7 +24,6 @@ code { #App { display: table; - #border-collapse: collapse; width: 100%; height: 100%; background-color: #21232d; @@ -42,27 +43,26 @@ code { #App > div > div { display: table-cell; - #border: 4px solid #595965; box-shadow:inset 0px 0px 0px 4px #595965; - padding: 12px; + padding: 4px; } .tab-list { - border-bottom: 1px solid #ccc; - padding-left: 0; + border-bottom: 1px solid #ccc; + padding-left: 0; } .tab-list-item { - display: inline-block; - list-style: none; - margin-bottom: -1px; - padding: 0.5rem 0.75rem; + display: inline-block; + list-style: none; + margin-bottom: -1px; + padding: 0.5rem 0.75rem; } .tab-list-active { - background-color: white; - border: solid #ccc; - border-width: 1px 1px 0 1px; + background-color: white; + border: solid #ccc; + border-width: 1px 1px 0 1px; } .tab-content {