Fixed spacing of search on tablet and screen

material/assets/stylesheets/app.css

@@ -1680,8 +1680,8 @@ hr {
 
 .md-typeset h1[id]::before {
   display: block;
-  margin-top: -8px;
-  padding-top: 8px;
+  margin-top: -0.4rem;
+  padding-top: 0.4rem;
   content: ""; }
 
 .md-typeset h1[id]:target::before {
@@ -1702,8 +1702,8 @@ hr {
 
 .md-typeset h2[id]::before {
   display: block;
-  margin-top: -8px;
-  padding-top: 8px;
+  margin-top: -0.4rem;
+  padding-top: 0.4rem;
   content: ""; }
 
 .md-typeset h2[id]:target::before {
@@ -1724,8 +1724,8 @@ hr {
 
 .md-typeset h3[id]::before {
   display: block;
-  margin-top: -8px;
-  padding-top: 8px;
+  margin-top: -0.4rem;
+  padding-top: 0.4rem;
   content: ""; }
 
 .md-typeset h3[id]:target::before {
@@ -1746,8 +1746,8 @@ hr {
 
 .md-typeset h4[id]::before {
   display: block;
-  margin-top: -9px;
-  padding-top: 9px;
+  margin-top: -0.45rem;
+  padding-top: 0.45rem;
   content: ""; }
 
 .md-typeset h4[id]:target::before {
@@ -1768,8 +1768,8 @@ hr {
 
 .md-typeset h5[id]::before {
   display: block;
-  margin-top: -11px;
-  padding-top: 11px;
+  margin-top: -0.55rem;
+  padding-top: 0.55rem;
   content: ""; }
 
 .md-typeset h5[id]:target::before {
@@ -1790,8 +1790,8 @@ hr {
 
 .md-typeset h6[id]::before {
   display: block;
-  margin-top: -11px;
-  padding-top: 11px;
+  margin-top: -0.55rem;
+  padding-top: 0.55rem;
   content: ""; }
 
 .md-typeset h6[id]:target::before {
@@ -2347,12 +2347,13 @@ hr {
         display: block;
         width: 11.7rem;
         max-width: 11.7rem;
-        padding-right: 0.6rem; }
+        margin-left: 1rem; }
         [dir="rtl"] .md-header-nav__source {
-          padding-right: initial;
-          padding-left: 0.6rem; }
+          margin-right: 1rem;
+          margin-left: initial; }
   .md-search {
-    padding: 0.2rem; }
+    margin-left: 0.2rem;
+    padding: 0.2rem 0; }
     .md-search__overlay {
       position: fixed;
       top: 0;
@@ -2374,15 +2375,12 @@ hr {
         opacity: 1; }
   .md-search__inner {
     position: relative;
-    width: 11.5rem;
-    margin-right: 0.8rem;
+    width: 11.7rem;
     padding: 0.1rem 0;
     float: right;
     -webkit-transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
     transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1); }
     [dir="rtl"] .md-search__inner {
-      margin-right: initial;
-      margin-left: 0.8rem;
       float: left; }
     .md-search__form {
       border-radius: 0.1rem; }
@@ -2475,6 +2473,10 @@ hr {
       margin-left: 1.2rem; }
       .md-header-nav__button.md-icon--menu {
         display: none; }
+      .md-header-nav__source {
+        margin-left: 1.4rem; }
+        [dir="rtl"] .md-header-nav__source {
+          margin-right: 1.4rem; }
     .md-nav {
       -webkit-transition: max-height 0.25s cubic-bezier(0.86, 0, 0.07, 1);
       transition: max-height 0.25s cubic-bezier(0.86, 0, 0.07, 1); }
@@ -2502,10 +2504,6 @@ hr {
       .md-nav__item--nested .md-nav__toggle:checked ~ .md-nav__link::after {
         -webkit-transform: rotateX(180deg);
                 transform: rotateX(180deg); }
-  .md-search__inner {
-    margin-right: 1.2rem; }
-    [dir="rtl"] .md-search__inner {
-      margin-left: 1.2rem; }
   [data-md-toggle="search"]:checked ~ .md-header .md-search__inner {
     width: 34.4rem; }
     .md-search__scrollwrap {

material/partials/language/et.html

@@ -1,25 +1,3 @@
 {#-
   This file was automatically generated - do not edit
 -#}
-{% macro t(key) %}{{ {
-  "language": "et",
-  "clipboard.copy": "Kopeeri lõikelauale",
-  "clipboard.copied": "Kopeeritud",
-  "edit.link.title": "Muuda seda lehte",
-  "footer.previous": "Eelmine",
-  "footer.next": "Järgmine",
-  "meta.comments": "Kommentaarid",
-  "meta.source": "Lähtekood",
-  "search.language": "",
-  "search.pipeline.stopwords": false,
-  "search.pipeline.trimmer": false,
-  "search.placeholder": "Otsi",
-  "search.result.placeholder": "Otsimiseks kirjuta siia",
-  "search.result.none": "Otsingule ei leitud ühtegi vastet",
-  "search.result.one": "Leiti üks tulemus",
-  "search.result.other": "Leiti # tulemust",
-  "skip.link.title": "Keri sisuni",
-  "source.link.title": "Ava repositooriumis",
-  "source.revision.date": "Viimane uuendus",
-  "toc.title": "Sisukord"
-}[key] }}{% endmacro %}

material/partials/language/th.html

@@ -1,23 +1,3 @@
 {#-
   This file was automatically generated - do not edit
 -#}
-{% macro t(key) %}{{ {
-  "language": "th",
-  "clipboard.copy": "คัดลอก",
-  "clipboard.copied": "คัดลอกแล้ว",
-  "edit.link.title": "แก้ไขหน้านี้",
-  "footer.previous": "ก่อนหน้า",
-  "footer.next": "ต่อไป",
-  "meta.comments": "ความคิดเห็น",
-  "meta.source": "แหล่งที่มา",
-  "search.language": "th",
-  "search.placeholder": "ค้นหา",
-  "search.result.placeholder": "พิมพ์เพื่อเริ่มค้นหา",
-  "search.result.none": "ไม่พบเอกสารที่ตรงกัน",
-  "search.result.one": "พบเอกสารที่ตรงกัน",
-  "search.result.other": "พบ # เอกสารที่ตรงกัน",
-  "search.tokenizer": "[\s\-]+",
-  "skip.link.title": "ข้ามไปที่เนื้อหา",
-  "source.link.title": "ไปที่ Repository",
-  "toc.title": "สารบัญ"
-}[key] }}{% endmacro %}

src/assets/stylesheets/layout/_header.scss

@@ -202,12 +202,22 @@
       display: block;
       width: px2rem(234px);
       max-width: px2rem(234px);
-      padding-right: px2rem(12px);
+      margin-left: px2rem(20px);
 
       // Adjust for RTL languages
       [dir="rtl"] & {
-        padding-right: initial;
-        padding-left: px2rem(12px);
+        margin-right: px2rem(20px);
+        margin-left: initial;
+      }
+    }
+
+    // [screen +]: Increase spacing of search bar
+    @include break-from-device(screen) {
+      margin-left: px2rem(28px);
+
+      // Adjust for RTL languages
+      [dir="rtl"] & {
+        margin-right: px2rem(28px);
       }
     }
   }

src/assets/stylesheets/layout/_search.scss

@@ -42,7 +42,8 @@ $md-toggle__search--checked:
 
   // [tablet landscape +]: Header-embedded search
   @include break-from-device(tablet landscape) {
-    padding: px2rem(4px);
+    margin-left: px2rem(4px);
+    padding: px2rem(4px) 0;
   }
 
   // Search modal overlay
@@ -181,30 +182,17 @@ $md-toggle__search--checked:
     // [tablet landscape +]: Header-embedded search
     @include break-from-device(tablet landscape) {
       position: relative;
-      width: px2rem(230px);
-      margin-right: px2rem(16px);
+      width: px2rem(234px);
       padding: px2rem(2px) 0;
       float: right;
       transition: width 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
 
       // Adjust for RTL languages
       [dir="rtl"] & {
-        margin-right: initial;
-        margin-left: px2rem(16px);
         float: left;
       }
     }
 
-    // [screen +]: Increase spacing of search bar
-    @include break-from-device(screen) {
-      margin-right: px2rem(24px);
-
-      // Adjust for RTL languages
-      [dir="rtl"] & {
-        margin-left: px2rem(24px);
-      }
-    }
-
     // Set maximum width
     #{$md-toggle__search--checked} & {