jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: fix positioning of search button in tag search box.

Browse Source 
Fixes the search button wrapping to the next line in Firefox. Also fixes
the search box to be full width with no gap between the search box and
the search button.
This commit is contained in:
evazion
2019-09-19 14:20:47 -05:00
parent bf51d68f15
commit 9720e4cfa9
4 changed files with 14 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/src/styles/common/main_layout.scss
View File

@@ -32,20 +32,6 @@ div#page {
list-style-type: none;
}
input[type=text] {
/* ensure expanded search box renders above post thumbnails. */
z-index: 1;
position: relative;
}
button[type=submit] {
padding: 2px 6px;
}
#search-box button[type=submit] {
border-left: none;
}
#options-box i.fa-bookmark {
margin-right: 0.25em;
}

10
app/javascript/src/styles/specific/posts.scss
View File

@@ -279,6 +279,16 @@ div#c-posts {
margin-left: 1em;
}
#search-box-form {
display: flex;
#search-box-submit {
padding: 2px 6px;
border-left: none;
border-radius: 0px;
}
}
div#a-index {
menu#post-sections {
margin-bottom: 0.5em;

2
app/javascript/src/styles/specific/z_responsive.scss
View File

@@ -33,7 +33,7 @@
padding: 5px;
input#tags {
width: 80%;
min-width: 0px;
}
button[type=submit] {