massive modifications to both MinterBoard and forum. There are still many changes to come, but these needed to be pushed to resolve important bugs on MinterBoard for testing

assets/css/forum-styles.css

@@ -169,6 +169,45 @@
   padding: 1vh;
 }
 
+.file-input {
+  display: none;
+}
+
+.image-input {
+  display: none;
+}
+
+/* Custom button styling */
+.custom-file-input-button {
+  display: inline-block;
+  background-color: #07375a;
+  color: white;
+  padding: 0.5vh 0.2vh;
+  cursor: pointer;
+  border: solid white;
+  border-radius: 5px;
+  text-align: center;
+}
+
+.custom-file-input-button:hover {
+  background-color: #073783;
+}
+
+.custom-image-input-button {
+  display: inline-block;
+  background-color: #350550;
+  color: white;
+  padding: 0.5vh 0.2vh;
+  cursor: pointer;
+  border: solid white;
+  border-radius: 5px;
+  text-align: center;
+}
+
+.custom-image-input-button:hover {
+  background-color: #4d0541;
+}
+
 /* .ql-editor {
   flex-grow: 1;
   font-size: 1.25rem;
@@ -338,9 +377,9 @@
   position: fixed; /* Stay in place */
   z-index: 1000; /* Sit on top */
   left: 10%;
-  top: 10%;
+  top: 15%;
   width: 80%;
-  height: 80%;
+  height: 70%;
   overflow: none; /* Enable scroll if needed */
   background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
 }
@@ -349,7 +388,7 @@
   margin: auto;
   display: block;
   border: 2px dashed #638b93;
-  width: 60%;
+  width: 69%;
   height: auto;
   max-width: 1200vh;
 }
@@ -436,10 +475,12 @@ body {
 /* Publish Card View */
 .publish-card-view {
   display: flex;
-  flex-direction: column;
-  justify-content: center; /* Centers vertically */
-  align-items: center; /* Centers horizontally */
-  min-height: 80vh; /* Ensures the view takes full height of the viewport */
+  text-align: left;
+  padding: 0em;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  justify-content: center;
+  align-items: center;
 }