formatting of input boxes + angle editor output

frontend/src/App.css

 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+input {
+  @apply px-4 rounded-lg;
+}

frontend/src/lib/AngleEditor.svelte

@@ -16,6 +16,7 @@
     on:click={() => {
       if (!angles.includes(current_angle_input)) {
         angles.push(current_angle_input);
+        angles.sort();
         angles = angles;
       }
     }}
@@ -43,6 +44,6 @@
     </svg>Reset
   </button>
 </div>
-<p>
-  Current Angles: {angles}
+<p class="text-sm">
+  Currently Selected: {angles.join(", ")}
 </p>

frontend/src/routes/double/+page.svelte

@@ -91,7 +91,9 @@
       bind:value={length}
     />
 
-    <div class="mt-3 p-1 outline-1 outline flex-col flex bg-red-200">
+    <div
+      class="mt-3 p-2 border border-gray-600 rounded-lg flex-col flex bg-red-200"
+    >
       <ModeSelect
         label="Top Interface:"
         bind:binding={top_type}
@@ -102,7 +104,7 @@
         <label for="top-tip-angle-input"> Tip Angle </label>
         <input
           name="top-tip-angle-input"
-          class="h-10 bg-purple-100"
+          class="h-10 bg-purple-300"
           type="number"
           bind:value={top_cone_tip_angle}
         />
@@ -116,7 +118,9 @@
       {/if}
     </div>
 
-    <div class="my-3 p-1 outline-1 outline flex-col flex bg-orange-100">
+    <div
+      class="my-3 p-2 border border-gray-600 rounded-lg flex-col flex bg-orange-100"
+    >
       <ModeSelect
         label="Bottom Interface:"
         bind:binding={bottom_type}
@@ -127,7 +131,7 @@
         <label for="bottom-tip-angle-input"> Tip Angle </label>
         <input
           name="top-tip-angle-input"
-          class="h-10 bg-purple-100"
+          class="h-10 bg-purple-300"
           type="number"
           bind:value={bottom_cone_tip_angle}
         />

frontend/src/routes/spherical/+page.svelte

@@ -22,7 +22,7 @@
   let hole_radius = 0.5;
   let effective_angle = 30;
   let current_angle_input = 20;
-  let angles = [45, 0];
+  let angles = [0, 45];
   let copies = 1;
 
   const bead_types = {