implement QA feedback

Author: Joseph Lowinske

_layouts/default.html

@@ -12,7 +12,7 @@
     <div id="main-content">
       <div class="sidebar-row">
         {% if page.no_sidebar == true %}
-          <div class="content-col">
+          <div class="content-col no-sidebar">
         {% else %}
           {% include sidebar.html %}
           <div class="content-col content-col-border {% if page.url == '/' %}content-col--landing{% endif %}"> 

css/components/_search.scss

@@ -70,14 +70,15 @@ li.search-wrap {
   height: 38px;
   width: 35px;
   border-radius: 50%;
+  cursor: pointer;
   outline: none;
 
-  @include at-query($min, $screen-md) { right: 20px; }
+  @include at-query($min, $screen-md) { right: 0; }
 
   &:before, &:after {
     content: '';
     position: absolute;
-    height: 1px;
+    height: 2px;
     width: 11px;
     top: 50%;
     left: 6px;

css/components/_toc.scss

@@ -3,8 +3,8 @@
 .toc-col {
   display: none;
 
-  @include at-query($min, 1500px) {
-    margin: 30px;
+  @include at-query($min, 1072px) {
+    padding: 30px 30px 30px 0;
     min-width: 360px;
     display: inline-block;
   }
@@ -14,11 +14,15 @@
   display: block;
   max-width: 500px;
 
-  @include at-query($min, 1500px) {
+  @include at-query($min, 1072px) {
     display: none;
   }
 }
 
+#toc-right {
+  max-width: 100%;
+}
+
 #toc,
 #toc-right {
 

css/customstyles.css

@@ -18,21 +18,22 @@
 		.content-col {
 			padding-top: 50px;
 			padding-bottom: 100px;
+			max-width: 100%;
 
 			@include at-query($min, $screen-md) {
 				min-height: 625px;
 				padding-left: 365px;
 				padding-right: 30px;
 
+				&.no-sidebar {
+					padding-left: 30px;
+				}
+
 				&-border {
 					border-left: 1px solid $cl_gray_medium;
 				}
 			}
 
-			@include at-query($min, 1500px) {
-				padding-right: 0;
-			}
-
 			&--landing {
 				padding-top: 30px;
 			}