first MVP

source/css/options.css

@@ -0,0 +1,65 @@
+html {
+	min-width: 550px;
+	overflow-x: hidden; /* Required to hide horizontal scroll on Firefox */
+}
+
+/* For use with screen readers */
+.sr-only {
+	display: none;
+}
+
+/* Hide spinbox for number inputs */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+	-webkit-appearance: none;
+	margin: 0;
+}
+
+input[type='number'] {
+	-moz-appearance: textfield;
+}
+
+input[type='number'],
+input[type='text'] {
+	padding: 0.25rem 0.375rem;
+}
+
+.color-picker {
+	display: flex;
+}
+
+.color-inputs {
+	flex: 1;
+}
+
+.color-input {
+	display: flex;
+	padding: 0.25rem;
+	align-items: center;
+}
+
+.color-input input[type='range'] {
+	flex: 1;
+	margin: 0 0.5rem;
+}
+
+.color-input input[type='number'] {
+	width: calc(3ch + 1rem);
+}
+
+.color-output {
+	width: 86px;
+	height: 86px;
+	margin: 0.5rem;
+}
+
+/* Firefox only */
+.only-firefox {
+	display: none;
+}
+
+@-moz-document url-prefix('') {
+	.only-firefox {
+		display: block;
+	}
+}

source/css/popup.css

@@ -0,0 +1,33 @@
+body {
+    font-size: 100%;
+}
+
+#app {
+    min-width: 40em;
+    margin: 15px;
+}
+
+#icon {
+    max-height: 26px;
+    vertical-align: middle;
+}
+
+#archiveResults .row{
+    /* table-layout: fixed; */
+	width:90%;
+	max-width:100px;
+}
+
+/* #archiveResults td {
+    width: auto;
+}
+
+#archiveResults td:nth-child(2) {
+    width: 150px;
+} */
+
+table td {
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    padding: 5px;
+}