diff options
Diffstat (limited to '')
| -rw-r--r-- | style/main.css | 17 |
1 files changed, 12 insertions, 5 deletions
diff --git a/style/main.css b/style/main.css index ce8c5df..94c96bb 100644 --- a/style/main.css +++ b/style/main.css @@ -253,6 +253,7 @@ form } button, input { all: unset; } +button:focus, input:focus { outline: 1px auto; } /* NOTE: if you wanna change the height of the wrap, it's actually the #qfill height */ #query_wrap @@ -263,8 +264,9 @@ button, input { all: unset; } justify-content: flex-start; align-items: center; - font-size: large; - width: min(42rem, 90vw); + font-size: large; + width: min(42rem, 90vw); + max-height: 3em; padding: 0; margin: 1rem; @@ -285,7 +287,7 @@ button, input { all: unset; } flex-shrink: 0; align-self: flex-end; - height: 4rem; + height: 5rem; width: 2rem; background-color: var(--qbg); } @@ -300,6 +302,11 @@ button, input { all: unset; } } #query { width: 100%; } +#query:focus +{ + outline: none; + /* border-bottom: 1px solid var(--border);*/ /* useful but not goog-like, coz flat sucks */ +} #query_icon { @@ -331,11 +338,11 @@ button, input { all: unset; } color: var(--fg-light); } -#sect { margin-right: 6pt; } #sect, #arch { flex-grow: 0; - height: 3em; + height: 2.6em; + margin-right: 6pt; background-color: transparent; color: var(--fg-mid); |