summaryrefslogtreecommitdiff
path: root/Static/Css/userInfo.css
diff options
context:
space:
mode:
Diffstat (limited to 'Static/Css/userInfo.css')
-rw-r--r--Static/Css/userInfo.css37
1 files changed, 20 insertions, 17 deletions
diff --git a/Static/Css/userInfo.css b/Static/Css/userInfo.css
index ceda91a..45d1133 100644
--- a/Static/Css/userInfo.css
+++ b/Static/Css/userInfo.css
@@ -1,7 +1,15 @@
+/*
+############################################################################
+# #
+# Description: CSS spécifique à la page de gestion de ses infos #
+# #
+############################################################################
+*/
+
.jobsListElem {
- background-color: rgb(243, 201, 201);
border-radius: 10px;
+ background-color: rgb(243, 201, 201);
transition: all 0.1s ease-in-out;
}
@@ -11,23 +19,22 @@
}
.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;
+ font-size: var(--fontSizeSmall) !important;
+ color: #991e1e !important;
+ background-color: transparent !important;
}
#mainUserInfo form {
display: flex;
flex-direction: column;
justify-content: space-around;
+ align-items: center;
gap: 1em;
padding: 1.5% 5%;
- align-items: center;
}
#mainUserInfo label {
@@ -35,20 +42,15 @@
}
#mainUserInfo input[type="text"] {
- width: inherit;
+ width: 70%;
}
#mainUserInfo button {
padding: 0.13em 0.2em;
}
-#userJob {
- justify-content: center;
- width: 70%;
-}
-
#userJob div {
- width: inherit;
+ width: 70%;
font-size: calc(36px / 2.5);
height: 2.5em;
line-height: 2.5em;
@@ -64,15 +66,16 @@
}
#jobsListGrid {
+ width: 70%;
display: grid;
+ gap: 0.5em;
+ grid-template-columns: repeat(3, 1fr);
min-height: 2em;
line-height: 2em;
- padding: 1px 2px;
- grid-template-columns: repeat(3, 1fr);
+ padding: 2px;
border: var(--inputBorder);
border-radius: 0px 4px 4px 0px;
- width: inherit;
- gap: 0.5em;
+ font-size: var(--fontSizeSmall);
}
@media screen and (max-width: 768px) {