From 5582d242d03692a7e1b2c631e1b4ff3f52e8b72c Mon Sep 17 00:00:00 2001
From: Debulois <quentin@debulois.fr>
Date: Mon, 4 Apr 2022 22:58:43 +0200
Subject: Révision complète du css et modification du js principalement
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Static/Css/userInfo.css | 86 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 86 insertions(+)
 create mode 100644 Static/Css/userInfo.css

(limited to 'Static/Css/userInfo.css')

diff --git a/Static/Css/userInfo.css b/Static/Css/userInfo.css
new file mode 100644
index 0000000..ceda91a
--- /dev/null
+++ b/Static/Css/userInfo.css
@@ -0,0 +1,86 @@
+
+.jobsListElem {
+    background-color: rgb(243, 201, 201);
+    border-radius:     10px;
+    transition:        all 0.1s ease-in-out;
+}
+
+.jobsListElem:hover {
+    cursor:            pointer;
+    background-color: #f5a4a4;
+}
+
+.jobsListElem i{
+    background-color: transparent !important;
+    color:           #991e1e !important;
+    width:            auto !important;
+    height:           auto !important;
+    line-height:      normal !important;
+    font-size:        var(--fontSizeSmall) !important;
+    border-radius:    0px !important;
+    margin-left:      0.5em;
+}
+
+#mainUserInfo form {
+    display:         flex;
+    flex-direction:  column;
+    justify-content: space-around;
+    gap:             1em;
+    padding:         1.5% 5%;
+    align-items:     center;
+}
+
+#mainUserInfo label {
+    width: 70%;
+}
+
+#mainUserInfo input[type="text"] {
+    width: inherit;
+}
+
+#mainUserInfo button {
+    padding: 0.13em 0.2em;
+}
+
+#userJob {
+    justify-content: center;
+    width:           70%;
+}
+
+#userJob div {
+    width:           inherit;
+    font-size:       calc(36px / 2.5);
+    height:          2.5em;
+    line-height:     2.5em;
+    display:         flex;
+    justify-content: space-around;
+    align-items:     center;
+    border:          var(--inputBorder);
+    border-radius:   0px 4px 4px 0px;
+}
+
+#jobsList {
+    align-items: center;
+}
+
+#jobsListGrid {
+    display:               grid;
+    min-height:            2em;
+    line-height:           2em;
+    padding:               1px 2px;
+    grid-template-columns: repeat(3, 1fr);
+    border:                var(--inputBorder);
+    border-radius:         0px 4px 4px 0px;
+    width:                 inherit;
+    gap:                   0.5em;
+}
+
+@media screen and (max-width: 768px) {
+    #jobsListGrid {
+        grid-template-columns: 1fr;
+    }
+
+    #userJob div span{
+        display: none;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3