hr update

aio/content/marketing/events.html

@@ -1,4 +1,4 @@
-<h1 class="hero-title">Events</h1>
+<h1>Events</h1>
 <h3>Where we'll be presenting:</h3>
 <article class="l-content ">
   <table class="is-full-width">

aio/src/styles/2-modules/_api-list.scss

@@ -9,6 +9,11 @@ aio-api-list {
     .form-search input {
         width: 182px;
     }
+
+    .banner {
+        border: 1px solid rgba($lightgray, 0.5);
+        border-radius: 4px;
+    }
 }
 
 aio-api-list > div {

aio/src/styles/2-modules/_buttons.scss

@@ -66,10 +66,12 @@ a.button.md-button {
     background: $blue url('assets/images/logos/angular/angular_whiteTransparent.svg') 24px 13px no-repeat;
     color: rgba($white, .87);
     padding-left: 54px;
+    background-size: 22px 22px;
 
     @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
       background: $blue url('assets/images/logos/angular/angular_whiteTransparent.svg') 24px 13px no-repeat;
       background-size: 22px 22px;
+
     }
   }
 }

aio/src/styles/2-modules/_features.scss

@@ -1,6 +1,5 @@
 .feature-row {
   display: flex;
-  flex-direction: row;
   flex-wrap: wrap;
   margin: 24px 0 0;
 

aio/src/styles/2-modules/_hr.scss

@@ -1,3 +1,9 @@
+hr {
+    border: none;
+    background: $lightgray;
+    height: 1px;
+}
+
 .hr-margin {
     display: block;
     height: 1px;

aio/src/styles/2-modules/_table.scss

@@ -9,12 +9,10 @@ table {
   }
 
   thead {
-    display: table-header-group;
     vertical-align: middle;
     border-color: inherit;
 
     tr {
-      display: table-row;
       vertical-align: inherit;
       border-color: inherit;
     }