diff --git a/src/assets/scss/_post.scss b/src/assets/scss/_post.scss index cf6fec8..e72a874 100644 --- a/src/assets/scss/_post.scss +++ b/src/assets/scss/_post.scss @@ -939,8 +939,21 @@ #item-single-navigation { flex-wrap: nowrap; flex-grow: 2; + max-width: 50%; + + @media screen and (max-width: 768px) { + & { + max-width: 100%; + } + } + @media screen and (max-width: 986px) { + & { + max-width: 66%; + } + } .pagination { + max-width: 50%; flex-basis: 50%; flex-wrap: nowrap; align-items: center; @@ -965,7 +978,7 @@ margin-left: 0.1rem; } span { - max-width: 50%; + max-width: 75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; diff --git a/src/assets/scss/_sidebar.scss b/src/assets/scss/_sidebar.scss index a0ef120..e475569 100644 --- a/src/assets/scss/_sidebar.scss +++ b/src/assets/scss/_sidebar.scss @@ -55,7 +55,7 @@ } } } - form{ + form { .input-group-append{ button{ height: 30px; @@ -73,9 +73,30 @@ #tainacan-search{ font-size: 0.75rem; color: #555758; + border-color: #dbdbdb; height: 30px; + border-radius: 0px; &:focus{ box-shadow: none; + border-color: #555758; + } + &+.input-group-append button { + border-left-width: 0; + border-color: #dbdbdb; + border-radius: 0px; + padding: 0 5px; + } + } + } + .search-controls { + padding: 0.75rem 0.875rem 0.5rem 0.875rem; + font-size: 0.75rem; + column-count: 2; + label { + white-space: normal; + display: flex; + input { + margin-right: 0.5rem; } } } diff --git a/src/functions.php b/src/functions.php index 5e55c5f..48cbe86 100644 --- a/src/functions.php +++ b/src/functions.php @@ -176,8 +176,8 @@ function tainacan_customize_editor_css() { ?> -
+