Improve buffer header layout on mobile

Put buffer title above buffer description.

style.css

@@ -177,19 +177,28 @@ button.danger:hover {
 	grid-row: 1;
 	grid-column: 2;
 
-	display: flex;
-	flex-direction: row;
+	display: grid;
+	grid-template-rows: auto auto;
+	grid-template-columns: 1fr auto;
 }
 
 #buffer-header .title {
 	display: none;
 	padding: 5px 10px;
-	align-self: center;
+	font-weight: bold;
+	grid-row: 1;
+	grid-column: 1;
 }
 
 #buffer-header .description {
-	flex-grow: 1;
 	padding: 5px 10px;
+	grid-row: 2;
+	grid-column: 1;
+}
+
+#buffer-header .actions {
+	grid-row: 1 / 3;
+	grid-column: 2;
 }
 
 #buffer-header .status-here {
@@ -651,9 +660,12 @@ kbd {
 		border-left: none;
 	}
 
+	#buffer-header {
+		grid-template-columns: 1fr min-content;
+	}
+
 	#buffer-header .title {
 		display: block;
-		font-weight: bold;
 	}
 }