Website: update edit button on table pages (#8807)

website/assets/styles/pages/osquery-table-details.less

@@ -320,30 +320,25 @@
 
   }
   [purpose='edit-button'] {
+    display: block;
     color: @core-vibrant-blue;
-    font-size: 12px;
+    font-size: 14px;
     cursor: pointer;
     border: 1px solid @core-vibrant-blue;
     border-radius: 4px;
     width: fit-content;
     padding: 8px 12px;
     text-decoration: none;
-    a {
-      color: @core-vibrant-blue;
-      size: 14px;
-      line-height: 20px;
-      font-weight: 700;
-    }
+    line-height: 20px;
+    font-weight: 700;
     i {
       height: 16px;
       margin-left: 5px;
     }
     &:hover {
       background: @core-vibrant-blue;
-      a {
-        text-decoration: none;
-        color: @accent-white;;
-      }
+      color: @accent-white;
+      text-decoration: none;
     }
   }
   [purpose='slack-cta'] {

website/views/pages/osquery-table-details.ejs

@@ -76,9 +76,7 @@
           </div>
 
           <div class="justify-self-end">
-            <div purpose="edit-button">
-              <a :href="tableToDisplay.githubUrl" target="_blank">Edit page<i class="fa fa-pencil"></i></a>
-            </div>
+              <a :href="tableToDisplay.githubUrl" purpose="edit-button" target="_blank">Edit page<i class="fa fa-pencil"></i></a>
             <div class="d-block justify-self-end" purpose="slack-cta">
               <h3 class="pt-0" style="font-size: 24px; line-height: 28px;">Need more help?</h3>
               <div class="d-sm-flex">