applying updated pul-primary styling to dashboard buttons (#2207)

ref #2014

Author: JaymeeH

app/assets/stylesheets/_dashboard.scss

@@ -417,6 +417,14 @@
       gap: 1px;
 
       .request-btn {
+        /* Outline properties */
+        outline-style: solid;
+        outline-color: black;
+        outline-width: 1px; /* Adjust outline thickness */
+
+        /* Space between button and outline */
+        outline-offset: 2px; /* Adjust the offset as needed */
+
         display: flex;
         padding: 0.5rem 1.25rem;
         align-items: flex-start;
@@ -434,6 +442,14 @@
       }
 
       .request-options {
+        /* Outline properties */
+        outline-style: solid;
+        outline-color: black;
+        outline-width: 1px; /* Adjust outline thickness */
+
+        /* Space between button and outline */
+        outline-offset: 2px; /* Adjust the offset as needed */
+
         display: flex;
         padding: 0.5rem 0.25rem;
         align-items: flex-start;

app/assets/stylesheets/application.scss

@@ -159,6 +159,15 @@ h6 {
   text-decoration: none;
 }
 
+a.pul-button-primary {
+  /* Outline properties */
+  outline-style: solid;
+  outline-color: black;
+  outline-width: 1px; /* Adjust outline thickness */
+
+  /* Space between button and outline */
+  outline-offset: 2px; /* Adjust the offset as needed */
+}
 input[type="submit"]:enabled.pul-button-primary {
   /* Outline properties */
   outline-style: solid;

app/views/dashboard/index.html.erb

@@ -7,7 +7,7 @@
 
       <div class="dashboard-admin-buttons">
          <% if current_user.eligible_sysadmin? %>
-         <%= link_to "Requests", requests_path(), class: "btn btn-dark btn-sm", id: "requests-listing-button" %>
+         <%= link_to "Requests", requests_path(), class: "pul-button pul-button-primary", id: "requests-listing-button" %>
          <% end %>
       </div>