increase mobile font size a bit

justinchiu-cohere · justinchiu-cohere · commit 959a3dcb01e6 · 2025-06-19T23:30:43.000-04:00
diff --git a/diff-viz-styles.css b/diff-viz-styles.css
@@ -242,44 +242,46 @@
 /* Mobile responsive font sizes */
 @media (max-width: 768px) {
     .code-header {
-        font-size: 10px;
+        font-size: 12px;
     }
     
     .code-content {
-        font-size: 7px;
-        line-height: 8px;
+        font-size: 9px;
+        line-height: 10px;
     }
     
     .line-number {
-        font-size: 7px;
-        width: 20px;
+        font-size: 9px;
+        width: 22px;
         padding-right: 4px;
     }
     
     .status-badge {
-        font-size: 8px;
-        padding: 4px 8px;
+        font-size: 10px;
+        padding: 2px 8px;
+        bottom: 10px;
     }
 }
 
 @media (max-width: 480px) {
     .code-header {
-        font-size: 8px;
+        font-size: 10px;
     }
     
     .code-content {
-        font-size: 5px;
-        line-height: 6px;
+        font-size: 7px;
+        line-height: 8px;
     }
     
     .line-number {
-        font-size: 5px;
-        width: 15px;
+        font-size: 7px;
+        width: 17px;
         padding-right: 3px;
     }
     
     .status-badge {
-        font-size: 6px;
-        padding: 3px 6px;
+        font-size: 8px;
+        padding: 1px 6px;
+        bottom: 5px;
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -242,44 +242,46 @@`
`242`	`242`	`/* Mobile responsive font sizes */`
`243`	`243`	`@media (max-width: 768px) {`
`244`	`244`	`.code-header {`
`245`		`- font-size: 10px;`
	`245`	`+ font-size: 12px;`
`246`	`246`	`}`
`247`	`247`
`248`	`248`	`.code-content {`
`249`		`- font-size: 7px;`
`250`		`- line-height: 8px;`
	`249`	`+ font-size: 9px;`
	`250`	`+ line-height: 10px;`
`251`	`251`	`}`
`252`	`252`
`253`	`253`	`.line-number {`
`254`		`- font-size: 7px;`
`255`		`- width: 20px;`
	`254`	`+ font-size: 9px;`
	`255`	`+ width: 22px;`
`256`	`256`	`padding-right: 4px;`
`257`	`257`	`}`
`258`	`258`
`259`	`259`	`.status-badge {`
`260`		`- font-size: 8px;`
`261`		`- padding: 4px 8px;`
	`260`	`+ font-size: 10px;`
	`261`	`+ padding: 2px 8px;`
	`262`	`+ bottom: 10px;`
`262`	`263`	`}`
`263`	`264`	`}`
`264`	`265`
`265`	`266`	`@media (max-width: 480px) {`
`266`	`267`	`.code-header {`
`267`		`- font-size: 8px;`
	`268`	`+ font-size: 10px;`
`268`	`269`	`}`
`269`	`270`
`270`	`271`	`.code-content {`
`271`		`- font-size: 5px;`
`272`		`- line-height: 6px;`
	`272`	`+ font-size: 7px;`
	`273`	`+ line-height: 8px;`
`273`	`274`	`}`
`274`	`275`
`275`	`276`	`.line-number {`
`276`		`- font-size: 5px;`
`277`		`- width: 15px;`
	`277`	`+ font-size: 7px;`
	`278`	`+ width: 17px;`
`278`	`279`	`padding-right: 3px;`
`279`	`280`	`}`
`280`	`281`
`281`	`282`	`.status-badge {`
`282`		`- font-size: 6px;`
`283`		`- padding: 3px 6px;`
	`283`	`+ font-size: 8px;`
	`284`	`+ padding: 1px 6px;`
	`285`	`+ bottom: 5px;`
`284`	`286`	`}`
`285`	`287`	`}`