Merge branch 'main' of https://github.com/D4M13N-D3V/neroshitron

app/globals.css

@@ -47,6 +47,23 @@
   }
 }
 
+.my-masonry-grid {
+  display: -webkit-box; /* Not needed if autoprefixing */
+  display: -ms-flexbox; /* Not needed if autoprefixing */
+  display: flex;
+  margin-left: -30px; /* gutter size offset */
+  width: auto;
+}
+.my-masonry-grid_column {
+  padding-left: 30px; /* gutter size */
+  background-clip: padding-box;
+}
+
+/* Style your items */
+.my-masonry-grid_column > div { /* change div to reference your elements you put in <Masonry> */
+  background: grey;
+  margin-bottom: 30px;
+}
 
 .animate-in {
   animation: animateIn 0.3s ease 0.15s both;

components/neroshitron/search_input.tsx

@@ -97,13 +97,16 @@ const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged, nsfwButtonEnable
                         setSelectedTagsInput([value])
                       }
                     }}
+                    classNames={{
+                      searchBox: "rounded-r-none"
+                    }}
                     value={selectedTagsInput} 
                     primaryColor={"indigo"} />
-                  <span className="flex items-center rounded rounded-l-none border-0 font-bold text-grey-100">
+                  <span className="flex items-center  border-0 font-bold text-grey-100">
                     <button
                       onClick={() => { setNsfw(!nsfw) }}
                       type="button"
-                      className={`animate-in text-sm text-white font-bold h-full w-16 px-2 rounded ${nsfw ? "bg-error hover:bg-error-light" : "bg-success hover:bg-success-light"}`}
+                      className={`animate-in text-sm text-white font-bold h-full w-16 px-2 rounded rounded-l-none ${nsfw ? "bg-error hover:bg-error-light" : "bg-success hover:bg-success-light"}`}
 
                     >
                       {nsfw ? "NSFW" : "SFW"}