Fix FA auto width

src/styles/_fa.scss

@@ -1,9 +1,11 @@
+@use "var";
+
 .spot-icon {
-	&.push {
-		margin-right: 0.3rem;
+	&.margin-right {
+		margin-right: var.$text-spacing;
 	}
 
-	&.push-left {
-		margin-left: 0.3rem;
+	&.margin-left {
+		margin-left: var.$text-spacing;
 	}
-}
+}

src/styles/_page.project.feed.scss

@@ -58,16 +58,17 @@
 			}
 
 			.header {
+				display: flex;
+				align-items: center;
 				padding: 0 var.$block-spacing;
 				position: relative;
 
 				div {
-					display: inline-block;
 					font-size: 0.8em;
 					padding: var.$elem-spacing 0px;
 
 					&.index {
-						width: 25%;
+						flex: 0 0 auto;
 
 						.link {
 							padding: 0;
@@ -76,7 +77,7 @@
 					}
 
 					&.time {
-						width: 75%;
+						flex: 1 1 auto;
 						text-align: right;
 						font-style: italic;
 					}
@@ -158,10 +159,7 @@
 						color: color.$message-bg;
 						border-radius: var.$block-radius 0 0 var.$block-radius;
 						padding: var.$elem-spacing;
-
-						&.push {
-							margin-right: 0;
-						}
+						margin-right: 0;
 					}
 
 					.temperature {

src/styles/_page.project.panel.scss

@@ -186,6 +186,7 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
 		span {
 			font-size: 1.3em;
 			line-height: calc(var.$block-spacing / 1.3);
+			vertical-align: center;
 		}
 	}
 

src/styles/_page.project.settings.scss

@@ -56,7 +56,7 @@
 			background: color.$default-bg;
 			border-radius: 0 0 3px 3px;
 			font-size: 0.7em;
-			padding: 0.3rem;
+			padding: var.$text-spacing;
 			text-align: center;
 			color: color.$default;
 
@@ -97,7 +97,7 @@
 						}
 
 						label {
-							margin-left: .3rem;
+							margin-left: var.$text-spacing;
 							@extend .clickable;
 							@include common.no-text-overflow();
 						}

src/styles/_var.scss

@@ -1,5 +1,6 @@
 //Feed width
 $elem-spacing: 0.5rem;
+$text-spacing: 0.3em;
 $block-spacing: 1rem;
 $block-radius: 3px;
 $block-shadow: 3px;