Add Explore Collaborations button and adjust link button styles

content/collaborations/_index.md

@@ -23,6 +23,8 @@ links:
       - text: Join a Collaboration
     - - href: "#start-collaboration"
       - text: Start a Collaboration
+    - - href: /org/workinggroups/explore.php
+      - text: Explore Collaborations
 container: container-fluid collaborations-container
 layout: single
 ---

layouts/shortcodes/pages/collaborations/start-new-collaboration.html

@@ -51,8 +51,8 @@
                         {{ end }}
                         <tr class="collaboration-table-link-row">
                             <td scope="row"></td>
-                            <td><a href="/org/workinggroups/about.php">More About Working Groups</a></td>
-                            <td><a href="./interest-groups">More About Interest Groups</a></td>
+                            <td><a class="btn btn-link-boxed" href="/org/workinggroups/about.php">More About Working Groups</a></td>
+                            <td><a class="btn btn-link-boxed" href="./interest-groups">More About Interest Groups</a></td>
                         </tr>
                         </tbody>
                     </table>

less/page_css_file/collaborations/_variables.less

 /*!
- * Copyright (c) 2022 Eclipse Foundation, Inc.
+ * Copyright (c) 2022, 2023 Eclipse Foundation, Inc.
  * 
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -15,7 +15,7 @@
 @brand-primary-mid: #FFB769;
 @collaborations-black: #070606;
 
-@section-dark-white: #FAF5F5;
+@section-dark-white: @white;
 @collaboration-gray: #F0EFEF;
 @collaborating-item-color: #888890;
 @collaborations-padding-y: 3em;

less/page_css_file/collaborations/styles.less

 /*!
- * Copyright (c) 2022 Eclipse Foundation, Inc.
+ * Copyright (c) 2022, 2023 Eclipse Foundation, Inc.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -46,6 +46,23 @@
       background-color: darken(#efebeb, 10%);
     }
   }
+
+  .btn-link-boxed {
+    .btn-link;
+    padding: 1.25rem;
+
+    &:link,
+    &:visited {
+      border: 1px solid @section-dark-white;
+      color: @section-dark-white;
+    }
+    
+    &:hover,
+    &:active {
+      border-color: darken(@section-dark-white, 50%);
+      text-decoration: none;
+    }
+  }
 }
 
 // Jumbotron
@@ -244,11 +261,6 @@
     font-weight: normal;
   }
 
-  tbody th, tbody td {
-    border-top-style: solid;
-    border-bottom-style: solid;
-  }
-
   thead th {
     text-align: center;
   }
@@ -258,7 +270,13 @@
     border-left: solid 1px;
   }
 
-  tr:last-child td {
+  tr {
+    border-top: 1px solid;
+    border-color: @section-dark-white;
+  }
+
+  tr:last-child {
+    border-top-style: none;
     border-bottom-style: none;
   }
 }