Merge pull request #632 from hannu/header-fix

Fix header element in the demo styleguide

Author: hannu

lib/app/sass/app.scss

@@ -30,10 +30,6 @@ body.sg {
   border: 0;
 }
 
-.sg.clear {
-  clear: both;
-}
-
 // Colors and typography
 //
 // This section describes base colors and typography
@@ -379,6 +375,15 @@ input.sg {
     @include media($mobile) {
       padding-right: 0;
     }
+
+    &:after {
+      visibility: hidden;
+      display: block;
+      font-size: 0;
+      content: " ";
+      clear: both;
+      height: 0;
+    }
   }
 
   .title {
@@ -584,6 +589,15 @@ input.sg {
       float: none;
     }
   }
+
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
 }
 
 .sg.toggle {

lib/app/views/main.html

@@ -18,7 +18,6 @@ <h1 ng-if="status.hasError">Error: {{status.error.name}}</h1>
       type="search"
       ng-model-options="{ updateOn: 'default blur', debounce: {'default': 500, 'blur': 0} }"
       autofocus>
-      <div class="sg clear"></div>
   </div>
 </header>
 <nav class="sg top-nav" ng-class="{'designerToolVisible' : designerTool.isVisible}">
@@ -49,7 +48,6 @@ <h1 ng-if="status.hasError">Error: {{status.error.name}}</h1>
         </li>
       </ul>
   </ul>
-  <div class="sg clear"></div>
 </nav>
 <div class="sg wrapper full-height" ng-class="{'designerToolVisible' : designerTool.isVisible, 'collapsed' : isNavCollapsed}">
   <section ui-view class="sg body">