Improved tab size on mobile devices

2019-08-30 16:51:18 +09:00 · 2019-08-30 16:51:18 +09:00 · e8a9ae20c1
commit e8a9ae20c1
parent 90c961298d
1 changed files with 5 additions and 1 deletions
--- a/styles/tabs.scarlet
+++ b/styles/tabs.scarlet
@ -1,8 +1,10 @@
+const tab-padding-x = 1rem
+
 .tab
 	horizontal
 	align-items center
 	color text-color
-	padding 0.5rem 1rem
+	padding 0.5rem tab-padding-x
 	background-color tab-background
 	border ui-border
 	border-left none
@ -31,6 +33,8 @@

 < 920px
 	.tab
+		padding 0.75rem tab-padding-x
+
 		.padded-icon
 			margin-right 0