Skip to content

Commit 208b065

Browse files
committed
Make search input field full width
This makes the search input field stand out more.
1 parent c0af0c1 commit 208b065

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/css/header.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -320,16 +320,16 @@ body {
320320
color: #333;
321321
font-family: inherit;
322322
font-size: 0.95rem;
323-
width: 150px;
324323
border: 1px solid #dbdbdb;
325324
border-radius: 0.1em;
326325
line-height: 1.5;
327326
padding: 0 0.25em;
327+
width: 100%;
328328
}
329329

330330
@media screen and (min-width: 769px) {
331331
#search-input {
332-
width: 200px;
332+
width: 100%;
333333
}
334334
}
335335

@@ -381,11 +381,13 @@ body {
381381
padding-right: 0.5rem;
382382
color: #999;
383383
font-size: 0.8rem;
384+
width: 40%;
384385
}
385386

386387
.search-result-document-hit {
387388
padding-left: 1rem;
388389
font-size: 0.9rem;
390+
width: 60%;
389391
}
390392

391393
.search-result-document-hit > a {

0 commit comments

Comments
 (0)