fix: design tweak suggestions from Marionne

markcaron · markcaron · commit e29d754d4a1c · 2025-09-19T14:56:05.000-04:00
diff --git a/static/styles/main.css b/static/styles/main.css
@@ -209,6 +209,14 @@
       }
     }
   }
+
+  #th-project-x {
+    --rh-icon-size: 21px;
+
+    align-items: center;
+    display: flex;
+    gap: var(--rh-space-md);
+  }
 }
 
 @layer patterns {
@@ -395,6 +403,7 @@
       padding-block: var(--rh-space-md);
       padding-inline-start: var(--rh-space-lg);
       padding-inline-end: var(--rh-space-2xl);
+      line-height: 1.5;
       appearance: none;
       border: 0;
       background: none;
diff --git a/templates/partials/_projects-table.html b/templates/partials/_projects-table.html
@@ -4,7 +4,7 @@
             <tr>
                 <th id="th-project-name" scope="col">Project name</th>
                 <th id="th-project-url" scope="col">Website</th>
-                <th id="th-project-x" scope="col">X account</th>
+                <th id="th-project-x" scope="col"><rh-icon set="social" icon="x" aria-label="X"></rh-icon> account</th>
                 <th id="th-project-cat" scope="col">Category</th>
             </tr>
         </thead>

Original file line number	Diff line number	Diff line change
`@@ -209,6 +209,14 @@`
`209`	`209`	`}`
`210`	`210`	`}`
`211`	`211`	`}`
	`212`	`+`
	`213`	`+ #th-project-x {`
	`214`	`+ --rh-icon-size: 21px;`
	`215`	`+`
	`216`	`+ align-items: center;`
	`217`	`+ display: flex;`
	`218`	`+ gap: var(--rh-space-md);`
	`219`	`+ }`
`212`	`220`	`}`
`213`	`221`
`214`	`222`	`@layer patterns {`
`@@ -395,6 +403,7 @@`
`395`	`403`	`padding-block: var(--rh-space-md);`
`396`	`404`	`padding-inline-start: var(--rh-space-lg);`
`397`	`405`	`padding-inline-end: var(--rh-space-2xl);`
	`406`	`+ line-height: 1.5;`
`398`	`407`	`appearance: none;`
`399`	`408`	`border: 0;`
`400`	`409`	`background: none;`