diff --git a/css/base.css b/css/base.css index 4ef4975..368f486 100644 --- a/css/base.css +++ b/css/base.css @@ -30,6 +30,16 @@ } } +@media screen and (max-width: 750px) { + :root { + font-size: 0.9rem; + } + .table-responsive table { + min-width: 660px; + } +} + + .tab-button { font-size: 2rem; } @@ -178,6 +188,33 @@ sup.\~critical, .text-critical { min-width: 100%; } +.inv-codearea { + max-width: 40%; + min-width: 10rem; + display: flex; + justify-content: center; + align-items: center; +} + +.invite-link { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + width: auto; +} + +.no-pad { + padding: 0px 0px 0px 0px; +} + +.elem-pad > * { + margin: var(--spacing-4, 1rem); +} + +.icon.clickable { + padding: 0.5rem 0.6rem; +} + .input { box-sizing: border-box; /* fixes weird length issue with inputs */ } @@ -283,6 +320,10 @@ sup.\~critical, .text-critical { overflow: visible; } +.overflow-y { + overflow-y: visible; +} + select { color: inherit; border: 0 solid var(--color-neutral-300); @@ -300,6 +341,10 @@ p.top { margin-top: 0px; } +.table-responsive { + overflow-x: auto; +} + #notification-box { position: fixed; right: 1rem; diff --git a/html/admin.html b/html/admin.html index 5bff46c..49962ba 100644 --- a/html/admin.html +++ b/html/admin.html @@ -214,7 +214,7 @@
-