From dac381fb5766618976bc5f4567b0d648ae091a08 Mon Sep 17 00:00:00 2001
From: Jason <jason.barnabe@gmail.com>
Date: Mon, 23 Mar 2015 19:25:39 -0500
Subject: [PATCH] Adjust display of name/enabled when in a narrow window

---
 edit.html | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/edit.html b/edit.html
index d07471e1..10fd54ed 100644
--- a/edit.html
+++ b/edit.html
@@ -62,7 +62,7 @@
 				margin: 10px;
 				padding: 0 15px;
 			}
-			#sections > div:not(:first-child) {
+			#sections > div:not(:first-of-type) {
 				border-top: 2px solid black;
 			}
 			.dirty > label::before {
@@ -162,7 +162,6 @@
 					padding-top: 8px;
 				}
 				#header section {
-					display: inline-block;
 					margin-bottom: 0.5em;
 				}
 				#header label {
@@ -173,16 +172,32 @@
 				#header input[type="checkbox"] {
 					vertical-align: middle;
 				}
-				#name {
-					font-weight: bold;
-				}
 				h1, h2 {
 					display: none;
 				}
-				#basic-info > div {
-					display: inline-block;
+				#basic-info {
+					display: flex;
+				}
+				#basic-info > div:not(:last-child) {
 					margin-right: 1em;
 				}
+				#basic-info > * {
+					flex: auto;
+				}
+				#basic-info > *:first-child {
+					flex-grow: 99;
+					display: flex;
+				}
+				#basic-info #name {
+					width: auto;
+					flex-grow: 99;
+				}
+				#basic-info #name-label {
+					line-height: 20px;
+				}
+				#actions {
+					padding: 1em 0;
+				}
 				#actions br {
 					display: none;
 				}