Border issue with sections

options/options.css

@@ -55,7 +55,7 @@ header .bookmarkNotice {
 	margin-right: 0.6em;
 }
 
-.settings .section + .settingRow .content {
+.settings .section + .settingRow .content, .settings .settingRow.firstVisible .content {
 	border-top: 0 solid black;
 }
 

options/options.js

@@ -88,11 +88,20 @@
 				body.appendChild(row);
 			},
 			updateDisplay: function(){
-				body.classList[(
-					rows.some(function(row){
-						return !row.classList.contains("hidden");
-					})
-				)? "remove": "add"]("hidden");
+				var anyVisible = false;
+				rows.forEach(function(row){
+					var isHidden = row.classList.contains("hidden");
+					if (!isHidden){
+						if (anyVisible){
+							row.classList.remove("firstVisible");
+						}
+						else {
+							anyVisible = true;
+							row.classList.add("firstVisible");
+						}
+					}
+				});
+				body.classList[anyVisible? "remove": "add"]("hidden");
 			}
 		};
 		lastSection = section;

releaseNotes.txt

@@ -5,6 +5,7 @@ Version 0.4.5:
 	new features:
 		- Added way to inspect canvas content in ask mode while being asked
 		- Open options page on install or update if the options page cannot be accessed in another way
+		- Added sections in options
 	
 	fixes:
 		- prevent possible double faking