docs: align badges vertically within their container, remove shadow from content area

Author: Eric Jimenez

public/docs/_layout.jade

@@ -25,7 +25,7 @@ html(lang="en" ng-app="angularIOApp" itemscope itemtype="http://schema.org/Frame
       else
         article(class="l-content-small grid-fluid docs-content")
           div(class="c10")
-            .showcase.shadow-1
+            .showcase
               .showcase-content
                 != yield
                   if (current.path[3] == 'guide' || current.path[3] == 'tutorial') && current.path[4]

public/resources/css/module/_hero.scss

@@ -67,6 +67,11 @@ $hero-padding: ($unit * 10) ($unit * 6) ($unit * 7);
   }
 
   .badges {
+    display: flex;
+    justify-content: flex-start;
+    align-content: space-around;
+    align-items: center;
+
     margin-top: 4px;
 
     .status-badge {