update authors page

Author: Dhruvi16

themes/vocabulary_theme/templates/authors.html

@@ -7,9 +7,11 @@
     <div class="title">
       <h1 class="container">Authors</h1>
     </div>
-    <div class="authors-list container">
-      <div class="columns is-multiline is-mobile">
-        {{ render_authors(this) }}
+    <div class="authors-list">
+      <div class="container">
+        <div class="columns is-multiline is-mobile">
+          {{ render_authors(this) }}
+        </div>
       </div>
     </div>
   </div>

themes/vocabulary_theme/templates/macros/authors.html

@@ -13,7 +13,7 @@
       </figure>
       {% endif %}
       <div class="author-name">
-        <h4 class="desktop b-header"><a class="link" href="{{ author|url }}">{{ render_author_name(author) }}</a></h4>
+        <h5 class="desktop b-header"><a class="link" href="{{ author|url }}">{{ render_author_name(author) }}</a></h5>
         <h6 class="mobile b-header"><a class="link" href="{{ author|url }}">{{ render_author_name(author) }}</a></h6>
       </div>
     </div>

webpack/sass/main.scss

@@ -432,9 +432,12 @@ code {
 // All Authors page
 .all-authors {
   .authors-list {
-    @extend .padding-horizontal-big;
-    @extend .padding-top-xl;
     @extend .padding-bottom-xxl;
+
+    background-color: $color-lighter-gray;
+    .container {
+      @extend .padding-horizontal-big;
+    }
   }
 
   .author {