chore(): small docs & layout fixes

Closes #765

Author: gkalpak

docs/config/template/index.template.html

@@ -66,7 +66,7 @@ <h1 class="md-toolbar-tools" flex layout="column">
       <div class="md-toolbar-tools" ng-click="openMenu()" flex layout="column">
 
         <div layout="row" flex>
-          <button class="menu-icon" show hide-gt-md aria-label="Toggle Menu" style="position: relative; top: -5px;">
+          <button class="menu-icon" hide-gt-md aria-label="Toggle Menu" style="position: relative; top: -5px;">
             <md-icon icon="img/icons/ic_menu_24px.svg"></md-icon>
           </button>
           <div style="line-height: 28px;" hide-sm ng-if="menu.currentSection.name">{{menu.currentSection.name}}</div>
@@ -77,15 +77,15 @@ <h1 class="md-toolbar-tools" flex layout="column">
           <div flex></div>
 
           <div ng-repeat="doc in currentComponent.docs">
-            <md-button ng-href="#{{doc.url}}" 
+            <md-button ng-href="#{{doc.url}}"
               ng-class="{hide: path().indexOf('demo') == -1}"
               aria-label="{{ doc | humanizeDoc }}">
               {{doc | humanizeDoc | directiveBrackets}}
             </md-button>
           </div>
 
           <md-button ng-class="{hide: !currentDoc}"
-            ng-href="#/demo/{{currentComponent.name}}" 
+            ng-href="#/demo/{{currentComponent.name}}"
             style="position: relative; padding-left: 30px; margin-right: 15px;">
             <md-icon icon="/img/icons/ic_play_arrow_24px.svg" style="
                 height: 28px;
@@ -96,20 +96,20 @@ <h1 class="md-toolbar-tools" flex layout="column">
           </md-button>
 
           <md-button ng-class="{hide: !currentDoc}"
-            ng-href="{{currentDoc.githubUrl}}" 
+            ng-href="{{currentDoc.githubUrl}}"
             style="position: relative; padding-left: 30px; margin-right: 15px;">
             <md-icon icon="/img/icons/ic_launch_24px.svg" style="
                 height: 28;
                 position: absolute;
                 left: 0px;
                 top: -3px;"></md-icon>
             <span hide-sm>View on Github</span>
-            <span hide show-sm>Source</span>
+            <span hide-gt-sm>Source</span>
           </md-button>
 
           <md-button ng-class="{hide: !currentDoc}"
-            ng-href="{{currentDoc.githubEditUrl}}" 
-            hide-sm 
+            ng-href="{{currentDoc.githubEditUrl}}"
+            hide-sm
             style="position: relative; padding-left: 30px;">
             <md-icon icon="/img/icons/ic_launch_24px.svg" style="
                 height: 28;

src/core/style/layout.scss

@@ -22,14 +22,14 @@
   flex-direction: row;
 }
 
-[layout-margin], /* DEPRECATED */
-[layout-margin] > [flex], /* DEPRECATED */
+[layout-padding], /* DEPRECATED */
+[layout-padding] > [flex], /* DEPRECATED */
 [layout-margin],
 [layout-margin] > [flex] {
   margin: $layout-gutter-width / 2;
 }
 
-[layout-margin] + [layout-margin], /* DEPRECATED */
+[layout-padding] + [layout-padding], /* DEPRECATED */
 [layout-margin] + [layout-margin] {
   margin-top: -($layout-gutter-width / 2);
 }