Move version number to a new line in About window

Author: 1j01

index.html

@@ -78,9 +78,12 @@
 	<div id="about-paint" style="display: none">
 		<h1 id="about-paint-header">
 			<img src="images/icons/32x32.png" width="32" height="32" id="paint-32x32" alt="" />
-			<span id="jspaint-project-name">JS Paint</span>
-			<small id="jspaint-version"
-				title="About time to increment the version number, don't you think?">v1.0.0+</small>
+			<div id="jspaint-project-name-and-version">
+				<div id="jspaint-project-name">JS Paint</div>
+				<div id="jspaint-version" title="About time to increment the version number, don't you think?">
+					Version 1.0.0+
+				</div>
+			</div>
 			<button id="view-project-news">What's New?</button>
 		</h1>
 

styles/layout.css

@@ -971,21 +971,15 @@ input[type="radio"] + label::before {
 	margin: 0;
 	margin-top: 30px;
 	margin-bottom: 10px;
-	line-height: 30px;
 }
-#jspaint-project-name {
+#jspaint-project-name-and-version {
 	margin-left: 10px;
-	margin-right: 8px;
 	white-space: nowrap;
 }
 #jspaint-version {
 	/* @TODO: separate some of this into a shared.css? (not all layout!) */
 	font-size: 0.7em;
 	font-weight: normal;
-	vertical-align: bottom;
-	/* limited by Bubblegum theme's layout FYI */
-	margin-left: 2px;
-	display: inline-block;
 }
 #maybe-outdated-line {
 	font-style: italic;

styles/layout.rtl.css

@@ -971,21 +971,15 @@ input[type="radio"] + label::before {
 	margin: 0;
 	margin-top: 30px;
 	margin-bottom: 10px;
-	line-height: 30px;
 }
-#jspaint-project-name {
+#jspaint-project-name-and-version {
 	margin-right: 10px;
-	margin-left: 8px;
 	white-space: nowrap;
 }
 #jspaint-version {
 	/* @TODO: separate some of this into a shared.css? (not all layout!) */
 	font-size: 0.7em;
 	font-weight: normal;
-	vertical-align: bottom;
-	/* limited by Bubblegum theme's layout FYI */
-	margin-right: 2px;
-	display: inline-block;
 }
 #maybe-outdated-line {
 	font-style: italic;