adjust flex-basis

Signed-off-by: WaitSpring <me@waitspring.com>

resources/screen-mobile.less

@@ -114,7 +114,7 @@
 #site-functions {
 	.flex-display;
 	align-items: center;
-	.flex(0, 1, auto, 1);
+	.flex(0, 1, 12.5vw, 1);
 	margin-left: 1.5em;
 	margin-right: 1.5em;
 	gap: 1.5em;
@@ -132,7 +132,7 @@
 	.flex-display;
 	align-items: center;
 	flex-direction: row-reverse;
-	.flex(0, 1, auto, 3);
+	.flex(0, 1, 12.5vw, 3);
 	margin-right: 1.25em;
 
 	#personal {
@@ -245,7 +245,7 @@
 #p-logo-text {
 	.flex-display;
 	align-items: center;
-	.flex(1, 1, 0, 2);
+	.flex(1, 1, auto, 2);
 
 	a {
 		display: inline;