Quality Size knobbed, other quality changes

UI/Settings/Quality/quality.less

@@ -1,6 +1,6 @@
 @import "../../Shared/Styles/card";
 
-.quality-profiles {
+.quality-profiles, .quality-sizes {
   li {
     display: inline-block;
     vertical-align: top;
@@ -23,4 +23,36 @@
   .btn-group {
     margin-top: 10px;
   }
+}
+
+.quality-size-item {
+
+  .card;
+
+  width: 200px;
+  height: 200px;
+  padding: 10px 15px;
+
+  h2 {
+    margin-top: 0px;
+    text-align: center;
+  }
+
+  .size {
+    height: 100px;
+    margin: 10px;
+    text-align: center;
+  }
+
+  .knob {
+    box-shadow: none;
+  }
+
+  .size-value {
+    text-align: center;
+  }
+}
+
+#quality-size {
+  overflow: hidden;
 }