feat(ui): increase size for picker and range

feat(ui): set min 0.1 for range
- cause line width cant be equal to 0

src/index.html

@@ -23,7 +23,7 @@
 
     <div class="dropdown__section-wrapper" slot="dropdown__section-el">
       <input id="settings_picker" type="color" />
-      <input id="settings_range" type="range" />
+      <input id="settings_range" min="0.1" max="100" type="range" />
 
       <!-- <div>
         <label for="line-cap">line cap:</label>

src/style.css

@@ -55,3 +55,28 @@ button:hover {
 .menu__divider {
   border: solid;
 }
+
+#settings_picker {
+  height: 2rem;
+  width: 3rem;
+}
+
+#settings_range {
+  appearance: none;
+
+  height: 0.4rem;
+  background: black;
+  border-radius: 0.05rem;
+  margin: 1rem 0;
+}
+
+#settings_range::-webkit-slider-thumb {
+  appearance: none;
+
+  height: 1rem;
+  width: 1rem;
+  border-radius: 50%;
+  background: white;
+  cursor: ew-resize;
+  outline: 0.1rem solid;
+}