Merge pull request #900 from Queen-codes/restyle-search-archive-table

feat: restyle cc search archive table
creativecommons · Jan 17, 2025 · 665eb1b · 665eb1b
2 parents 6f44550 + 645a16d
commit 665eb1b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/assets/static/css/style.css b/assets/static/css/style.css
@@ -104,6 +104,10 @@ table.display th, table.display td {
   padding: 8px;
 }
 
+.table-container table.display th {
+  width: 30%; /* To make the th have a larger width than default on the search archive page */
+}
+
 /* Code block styles */
 code {
   color: rgb(51, 51, 51);

diff --git a/themes/vocabulary_theme/templates/search_roadmap.html b/themes/vocabulary_theme/templates/search_roadmap.html
@@ -8,7 +8,7 @@ <h1>{{ this.title }}</h1>
       <p> The largest open source product in CC’s portfolio is CC Search: a search engine for CC licensed and public domain creative works. </p>
     </header>
 
-    <div>
+    <div class="content">
       <p>The product involves the following components:</p>
       <ul>
         <li><b>CC Catalog</b>, where CC licensed and public domain works are ingested. [<a href="https://github.com/creativecommons/cccatalog">GitHub Repo</a>]</li>
@@ -21,8 +21,8 @@ <h3>What Are We Up To?</h3>
       <p>The highlights on our roadmap for the current and upcoming quarters are as follows:</p>
       {% for quarter in bag('search_roadmap.quarters') %}
         <h4>{{ quarter.name }}</h4>
-        <div>
-          <table>
+        <div class="table-container">
+          <table class="datatable display">
             <thead>
               <tr>
                   <th scope="col">Task Name</th>