Merge branch 'react-version' of https://github.com/MarcEricMartel/420-5DW-HY-TP into react-version

GrossesMitaines/grosses-mitaines-ui/src/stylesheets/site.css

@@ -1,3 +1,7 @@
+#root {
+    height: 100vh;
+}
+
 body {
     background-image: url('/public/images/blured_wool_carpet.png');
     background-color: gray;
@@ -117,7 +121,7 @@ html {
     background-color: beige;
 }
 
-.contact-form-input {
+.form-input {
     border: 3px solid rgba(0, 0, 0, .25);
     /* box-shadow: 1px 2px rgba(0, 0, 0, .25); */
 }
@@ -351,6 +355,19 @@ html {
     text-decoration: none;
 }
 
+.btn {
+    display: inline-block;
+    background: #000;
+    color: #fff;
+    border: none;
+    padding: 10px 20px;
+    margin: 5px;
+    border-radius: 5px;
+    cursor: pointer;
+    text-decoration: none;
+    font-size: 15px;
+    font-family: inherit;
+}
 
 .btn-primary {
     background-color: purple;
@@ -377,6 +394,67 @@ html {
     width: fit-content;
     margin: auto;
     float: right;
+    width: 85%;
+}
+
+.privacy {
+    height: 100%;
+}
+
+.morceaux {
+    height: 100%;
+}
+
+.inventaire {
+    height: 100%;
+}
+
+.header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 1.25%;
+    padding: 1.25%;
+    color:purple;
+    background-color: beige;
+    border: purple solid 3px;;
+}
+
+.inventaire-form-container {
+    padding: 3% 5% 3% 5%;
+    color: black;
+    background-color: beige;
+    margin: 1.25%;
+}
+
+.inventaire-item {
+    border: purple double 3px;
+    margin-left: 1.25%;
+    margin-right: 1.25%;
+    margin-bottom: 10px;
+    background-color: rgba(245, 245, 220, 0.75);
+    display: inline-block;
+    height: auto;
+    width: 97.5%;
+}
+
+
+.inventaire-item>h3 {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.dropdown-gestion,
+.dropdown-gestion:hover {
+    color: black;
+    background-color: beige !important;
+    border-color: transparent !important;
+}
+
+.dropdown-gestion-menu {
+    border: purple solid 2px;
+    background-color: beige;
 }
 
 .sorting-container {
@@ -388,10 +466,16 @@ html {
     margin-bottom: 15px;
 }
 
-.cat-load {
-    display: block;
-    margin: auto;
-    width: auto;
+.sorting-dropdown{
+    width:fit-content;
+    margin:auto;
+    float:right;
+}
+
+.cat-load{
+    display:block;
+    margin:auto;
+    width:auto;
     background-image: url("/public/images/cat-yarn.gif");
     background-repeat: no-repeat;
     background-color: white;
@@ -526,7 +610,6 @@ html {
         width: 80%;
     }
 
-
     .contact-info-container {
         padding-top: 5%;
     }
@@ -535,5 +618,4 @@ html {
         margin: 5px;
         padding: 10px;
     }
-
 }