Fix: search and minor layout tweaks

Author: lwasser

_config.yml

@@ -71,7 +71,7 @@ reCaptcha:
   secret:
 atom_feed:
   path: # blank (default) uses feed.xml
-search: #true # true, false (default)
+search: true #true # true, false (default)
 search_full_content: # true, false (default)
 search_provider: # lunr (default), algolia, google
 algolia:

_includes/archive-single.html

@@ -10,7 +10,7 @@
   {% assign title = post.title %}
 {% endif %}
 
-<div class="{{ include.type | default: 'list' }}__item">
+<div class="cards">
   <article class="archive__item" itemscope itemtype="https://schema.org/CreativeWork">
     {% if include.type == "grid" and teaser %}
       <div class="archive__item-teaser">

_includes/masthead.html

@@ -38,14 +38,14 @@
 
       </li>
       </ul>
-      <!--
+
       {% if site.search == true %}
           <button class="search__toggle" type="button">
           <span class="visually-hidden">{{ site.data.ui-text[site.locale].search_label | default: "Toggle search" }}</span>
           <i class="fas fa-search"></i>
         </button>
       {% endif %}
-      -->
+
 
       <ul class="hidden-links hidden"></ul>
         <!-- Burger button  - span class for screen readers-->

_layouts/single.html

@@ -72,8 +72,8 @@ <h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4
   {% if page.id and page.related and site.related_posts.size > 0 %}
     <div class="page__related">
       <h2 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h2>
-      <div class="grid__wrapper">
-        {% for post in site.related_posts limit:4 %}
+      <div class="grid col-3">
+        {% for post in site.related_posts limit:3 %}
           {% include archive-single.html type="grid" %}
         {% endfor %}
       </div>

_sass/minimal-mistakes/_pyos-dropdown.scss

@@ -343,11 +343,12 @@ drop shadow
   .burger__icon, burger__icon::before, burger__icon::after {
     display: block; }
 
-  /* TODO: search isn't working now position search toggle by burger */
+  /* Positioned by burger
+  TODO: might be better within the drop down??*/
   .search__toggle {
     position: fixed;
-    right: 8%;
+    right: 20%;
     font-size: 1.4em;
-    top: 5%;
+    top: 3%;
   }
 }

_sass/minimal-mistakes/_pyos-grid.scss

@@ -94,7 +94,7 @@
     z-index: 0;
     overflow: hidden;
     border: 1px solid #f2f8f9;
-
+    font-size: .8em;
 
 
     &.highlight div {