Changes margins in left pane

static/style.css

@@ -77,6 +77,11 @@ nav > :nth-child(1) > img {
     width: 50%;
     margin-left: 7vw;
   }
+
+  #inputs > *:not(:nth-child(1)) {
+    padding-left: 10%;
+    padding-right: 10%;
+  }
 }
 
 nav > .active-tab {
@@ -126,9 +131,9 @@ a {
 
 .colorpicker input[type="radio"] + label {
   display: inline-block;
-  width: 6em;
-  height: 6em;
-  padding: .8em;
+  width: 5em;
+  height: 5em;
+  padding: .6em;
   border-radius: 50%;
 }
 
@@ -167,6 +172,10 @@ a {
     height: 110px;
     overflow-y: hidden !important;
   }
+
+  #inputs > div > h2 {
+    margin-left: 10px;
+  }
 }
 
 @media (max-width: 600px) {
@@ -203,7 +212,6 @@ div[id^="step"]:target {
 
 div.navButtons {
   float: right;
-  margin-right: 20px;
   margin-top: 2em;
 }
 
@@ -309,12 +317,6 @@ main > #credits {
 }
 
 @media (min-width: 992px) {
-  div#step3 > div:nth-of-type(1),
-  div#step4 > div:nth-of-type(1) {
-    margin-left: 10%;
-    width: 80%;
-  }
-
   a#save-image {
     margin-top: 2em;
   }
@@ -363,8 +365,7 @@ div#step3 > div:nth-of-type(1) > input[type="radio"]:checked + label {
 
 textarea, input[type="text"] {
   display: block;
-  width: 80%;
-  margin-left: 10%;
+  width: 100%;
   padding: 1em;
   background-color: #ebf3ff;
   color: inherit;