fixed most of the big css issues

ui/frontend/build_src/src/components/creationPanel/advancedSettings/advancedSettings.css

@@ -2,6 +2,6 @@ input[size="4"] {
   width: 4.5rem;
 }
 
-#File-Body>#File-For {
+#File-Body > #File-For {
   display: none;
-}
+}

ui/frontend/build_src/src/components/creationPanel/creationPanel.css

@@ -52,5 +52,5 @@ li {
 
 input[type="file"] {
   /* Dont show the file name */
-  color:transparent;
-}
+  color: transparent;
+}

ui/frontend/build_src/src/components/creationPanel/index.tsx

@@ -32,7 +32,6 @@ export default function CreationPanel() {
       const reader = new FileReader();
       reader.onload = (e) => {
         if (e.target) {
-          debugger;
           setRequestOption("init_image", e.target.result);
         }
       };

ui/frontend/build_src/src/components/creationPanel/makeButton/index.tsx

@@ -10,6 +10,8 @@ export default function MakeButton() {
   const parallelCount = useImageCreate((state) => state.parallelCount);
   const builtRequest = useImageCreate((state) => state.builtRequest);
   const addNewImage = useImageQueue((state) => state.addNewImage);
+  const isRandomSeed = useImageCreate((state) => state.isRandomSeed());
+  const setRequestOption = useImageCreate((state) => state.setRequestOptions);
 
   const makeImages = () => {
     // the request that we have built
@@ -57,6 +59,13 @@ export default function MakeButton() {
         seed: seed,
       });
     });
+
+    // potentially update the seed
+    if (isRandomSeed) {
+      // update the seed for the next time we click the button
+      setRequestOption("seed", useRandomSeed());
+    }
+
   };
 
   return <button onClick={makeImages}>Make</button>;

ui/frontend/build_src/src/components/displayPanel/displayPanel.css

@@ -1,5 +1,5 @@
 .display-panel {
-  padding:10px;
+  padding: 10px;
 }
 
 #display-container {
@@ -13,9 +13,10 @@
 #previous-images {
   margin-left: 30px;
   display: flex;
-  flex:auto;
+  flex: auto;
+  flex-wrap: wrap;
 }
 
 .previous-image {
   margin: 0 10px;
-}
+}

ui/frontend/build_src/src/components/displayPanel/generatedImage/generatedImage.css

@@ -4,7 +4,6 @@
 
 .image-contain {
   position: relative;
-
 }
 
 #save-button {

ui/frontend/build_src/src/components/displayPanel/generatedImage/index.tsx

@@ -2,7 +2,7 @@ import React, { useCallback } from "react";
 
 import { ImageRequest, useImageCreate } from "../../../store/imageCreateStore";
 
-import './generatedImage.css';
+import "./generatedImage.css";
 
 type GeneretaedImageProps = {
   imageData: string;
@@ -62,21 +62,22 @@ export default function GeneratedImage({
   };
 
   const _handleUseAsInput = () => {
-
     setRequestOption("init_image", imageData);
-
   };
 
   // className={[statusClass, className].join(" ")}
 
   return (
-
     <div className={["generated-image", className].join(" ")}>
       <p>{metadata.prompt}</p>
       <div className="image-contain">
         <img src={imageData} alt="generated" />
-        <button id="save-button" onClick={_handleSave}>Save</button>
-        <button id="use-button" onClick={_handleUseAsInput}>Use as Input</button>
+        <button id="save-button" onClick={_handleSave}>
+          Save
+        </button>
+        <button id="use-button" onClick={_handleUseAsInput}>
+          Use as Input
+        </button>
       </div>
     </div>
   );

ui/frontend/build_src/src/components/displayPanel/index.tsx

@@ -83,7 +83,6 @@ export default function DisplayPanel() {
         .flat()
         .reverse();
       setCompletedImages(temp);
-      debugger;
     } else {
       setCompletedImages([]);
     }
@@ -95,7 +94,6 @@ export default function DisplayPanel() {
       <AudioDing ref={dingRef}></AudioDing>
       {completedImages.length > 0 && (
         <div id="display-container">
-
           <GeneratedImage
             key={completedImages[0].id}
             imageData={completedImages[0].data}
@@ -106,6 +104,7 @@ export default function DisplayPanel() {
             {completedImages.map((image, index) => {
 
               if (void 0 !== image) {
+                debugger;
                 if(index == 0){
                     return null;
                   }