diff --git a/src/webpage/style.css b/src/webpage/style.css index 995ccab..d8d8492 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -581,19 +581,18 @@ span.instanceStatus { .channels { overflow-y: hidden; transition: height .2s ease-in-out; - padding-left: 6px; } #channels > div > div:first-child { - margin-top: 8px; + margin-top: 6px; } .channel { - margin: 0 8px; + margin: 0 6px; display: flex; flex-direction: column; } .channelbutton { height: 2em; - padding: 0 5px; + padding: 0 8px; background: transparent; color: var(--primary-text-soft); display: flex; @@ -604,6 +603,9 @@ span.instanceStatus { background: var(--channel-hover); color: var(--primary-text-prominent); } +.channels .channelbutton { + margin-left: 8px; +} .viewChannel .channelbutton, .viewChannel .channelbutton:hover { background: var(--channel-selected); font-weight: bold; @@ -617,7 +619,7 @@ span.instanceStatus { content: ''; position: absolute; top: calc(50% - 4px); - left: -12px; + left: -10px; height: 8px; width: 8px; background: var(--primary-text); @@ -1661,9 +1663,10 @@ fieldset input[type="radio"] { .settingbuttons { flex: none; width: 192px; - padding: 8px; + padding: 6px; background: var(--settings-panel-bg); border-right: 2px solid var(--shadow); + border-left: 2px solid transparent; box-sizing: border-box; overflow-y: auto; } @@ -1679,14 +1682,22 @@ fieldset input[type="radio"] { background: var(--settings-panel-hover); color: var(--primary-text-prominent); } +.addrole { + height: 10px; + width: 10px; + margin-left: auto; + align-self: center; + cursor: pointer; +} .titlediv { - max-height: 100%; + height: 100%; } .flexspace { overflow-y: auto; padding-bottom: 32px; } .flexspace:has(.flexspace) { + height: 100%; padding-bottom: 0; } .optionElement, .FormSettings > button { @@ -1697,6 +1708,7 @@ fieldset input[type="radio"] { margin: 0; } .optionElement:has(.Buttons) { + height: 100%; min-height: 0; display: flex; } @@ -1935,13 +1947,7 @@ fieldset input[type="radio"] { width: 100%; } } -.addrole{ - width:.1in; - height: .1in; - margin-left: .1in; - margin-top: .04in; - cursor: pointer; -} + .fixedsearch{ position: absolute; background: var(--primary-bg);