From e9e1c07786918c2721a165d3cf7d4d4563a1ff99 Mon Sep 17 00:00:00 2001
From: javl <mail@jaspervanloenen.com>
Date: Fri, 11 Jun 2021 10:38:42 +0200
Subject: [PATCH] refactor: css formatting

---
 index.html | 40 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 6590185..6a61ba3 100644
--- a/index.html
+++ b/index.html
@@ -17,80 +17,99 @@
 			margin: 0;
 			padding: 0;
 		}
+
 		body{
 			font-family: arial;
 		}
+
 		.wrapper {
 			display: flex;
 			flex-direction: column;
 			margin: auto;
 			width: 900px;
 		}
+
 		.section {
 			margin: 10px 0;
 		}
+
 		.bottom-divider {
 			border-bottom: 2px solid #000000;
 			padding-bottom: 20px;
 		}
+
 		.sub-section {
 			clear: both;
 			margin-bottom: 1px;
 		}
+
 		.section,
 		.sub-section {
 			width: 100%;
 		}
+
 		.column {
 			float: left;
 		}
+
 		.column-center {
 			min-width: 160px;
 			text-align: center;
 		}
+
 		.column-right {
 			float: right;
 		}
+
 		.sub-section-title {
 			margin: 0 0 10px;
 		}
+
 		p {
 			margin: 20px 0;
 		}
+
 		.table {
 			display: table;
 			margin: 10px 0 0;
 			width: 100%;
 		}
+
 		.table-row {
 			display: table-row;
 			width: 100%;
 		}
+
 		.table-cell {
 			display: table-cell;
 			padding: 5px 0;
 		}
+
 		.table-cell:first-child {
 			width: 30%;
 		}
+
 		.table-cell:last-child {
 			width: 70%;
 		}
+
 		.table-cell:first-child label {
 			font-weight: bold;
 		}
+
 		.table-cell:last-child label {
 			margin-right: 10px;
 		}
+
 		.nested-table {
 			margin: 0;
 		}
+
 		.nested-table .table-cell {
 			color: #666;
 			font-size: .9em;
 			width: 200px;
 		}
-		.nested-table .table-cell:first-child {	}
 
 		#format-caption-container div {
 			color: #505050;
@@ -100,20 +119,24 @@
 			padding: 10px 0 15px;
 			width: 100%;
 		}
+
 		.byte-input {
 			min-height: 160px;
 			min-width: 360px;
 		}
+
 		.code-output {
 			height: 200px;
 			width: 100%;
 		}
+
 		.note {
 			color: #666666;
 			font-size: .9em;
 			line-height: 1.4em;
 			margin: 3px 0;
 		}
+
 		button,
 		input[type="file"] {
 			background: #00CB99;
@@ -125,17 +148,21 @@
 			margin: 10px 0;
 			padding: 4px 8px;
 		}
+
 		input[type="file"] {
 			font-size: 1.0em;
 			padding: 6px 20px;
 		}
+
 		.generate-button {
 			margin: 40px 0 20px;
 		}
+
 		.remove-button {
 			margin: 0 0 0 10px;
 			padding: 1px 4px;
 		}
+
 		.file-info {
 			color: #505050;
 			font-size: .7em;
@@ -143,41 +170,50 @@
 			max-width: 300px;
 			white-space: pre;
 		}
+
 		.size-input{
 			width: 45px;
 		}
+
 		.glyph-input {
 			width: 80px;
 			margin-left: 10px;
 		}
+
 		#image-size-settings {
 			list-style-type: none;
 		}
+
 		#image-size-settings li {
 			margin: 4px 0;
 		}
+
 		#images-canvas-container canvas {
 			border: 3px solid #88DAC5;
 			margin: 10px 15px;
 		}
+
 		#images-canvas-container {
 			align-items: flex-start;
 			display: flex;
 			flex-wrap: wrap;
 		}
-		#extra-settings-container {	}
+
 		#arduino-identifier,
 		#adafruit-gfx-settings,
 		#all-same-size {
 			display: none;
 		}
+
 		.msg {
 			font-size: 1.2em;
 		}
+
 		.error-msg {
 			color: #ff0000;
 			display: none;
 		}
+
 		h1{
 			padding: 10px;
 			color: white;