Add edit mode highlighting.

Stars_Without_Number_Revised/Source/Stars_Without_Number_Revised.scss

@@ -6,6 +6,7 @@ $darkblue: #11194B;
 $headergrey: #9B9B9B;
 $skillgrey: #D3D3D3;
 $lightbox: #F0F0F0;
+$highlightyellow: #FFFF00;
 
 /* roll template */
 $arial: "Arial", sans-serif;
@@ -163,9 +164,37 @@ h3 {
 .sheet-editmode[value="0"] ~ .sheet-content .repcontrol,
 .sheet-editmode[value="1"] ~ .sheet-content .sheet-display { display: none }
 
+/** edit mode highlighting **/
+.sheet-editmode[value="1"] ~ {
+	.sheet-content {
+		border-color: $highlightyellow;
+		border-style: solid;
+		border-width: 0 2px 2px 2px;
+	}
+	.sheet-header {
+		border-bottom: 2px solid $highlightyellow;
+	}
+	.sheet-tabs {
+		border-color: $highlightyellow;
+		border-style: solid;
+		border-width: 0 2px 0 2px;
+	}
+	div .sheet-edit-button {
+		background-color: $highlightyellow;
+		height: 29px;
+		padding: 0 5px 0 5px;
+		margin: 0 0 0 15px;
+		display: flex;
+		align-items: center;
+	}
+}
+
+.sheet-editmode[value="1"] ~ div .sheet-edit-button input {
+	align-self: center;
+}
+
 /* header */
 .sheet-header {
-	margin-bottom: 10px;
 	input {
 		opacity: 0;
 		position: absolute;
@@ -197,7 +226,8 @@ h3 {
 }
 /* tab environment */
 .sheet-tabs {
-	margin-bottom: 10px;
+	padding-bottom: 10px;
+	padding-top: 10px;
 	width: 100%;
 	position: relative;
 	z-index: 2;