input { width: calc(100% - 8px); /* 8px to account for the default padding and border */ } .tag { float: right; margin-left: 1em; font-size: 80%; } span.tag { color: white; padding: 1px .5em; font-weight: bold; } input.tag { width: 7em; border: none; } .task { clear: right; } .statedate { margin-right: 0.5em; } #ui { padding: 15px 10px; } body:before, body:after { content: ""; position: fixed; background: var(--view-state-indicator-color); left: 0; right: 0; height: 5px; } body:before { top: 0; } body:after { bottom: 0; } body { margin: 0; min-height: 100vh; border-left: 5px solid var(--view-state-indicator-color); border-right: 5px solid var(--view-state-indicator-color); }