bootstrap frontend

src/web/css/form.css

@@ -27,16 +27,16 @@
 }
 
 .formbody {
-    width: 50%;
-    height: 50%;
+    width: 30%;
+    height: min-content;
     display: flex;
     flex-direction: column;
     gap: 10px;
-    align-items: center;
-    justify-content: center;
+    /* align-items: center; */
     background-color: gray;
     /* opacity: 0.7; */
-    border-radius: 20px;
+    /* border-radius: 20px; */
+    border-radius: var(--bs-border-radius);
     padding: 10px;
 }
 
@@ -58,7 +58,7 @@
     gap: 10px;
 }
 
-.forminputbody.confirmform>button {
+/* .forminputbody.confirmform>button {
     width: 100%;
 }
 
@@ -93,11 +93,8 @@
     cursor: pointer;
     transition: 0.3s;
     width: 100%;
-}
+} */
 
-.formbutton:hover {
-    opacity: 0.6;
-}
 
 @media screen and (max-width: 800px) {
     .forminputbody {