From 4be39459068dcad01e0df317aa480b0fea29eb70 Mon Sep 17 00:00:00 2001 From: perme950 <perme950@student.liu.se> Date: Fri, 17 Nov 2023 12:08:44 +0100 Subject: [PATCH] =?UTF-8?q?Worked=20on=20the=20design=20of=20F=C3=B6rslag?= =?UTF-8?q?=20changed=20colores=20and=20margings?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/Activity_card_code/activitity_card.css | 9 +++--- .../Make_Suggestion_Code/makeSuggestion.css | 31 +++++++++---------- .../Make_Suggestion_Code/makeSuggestion.html | 7 ++--- 3 files changed, 23 insertions(+), 24 deletions(-) diff --git a/client/Activity_card_code/activitity_card.css b/client/Activity_card_code/activitity_card.css index 486cc91f..81d1c4fa 100644 --- a/client/Activity_card_code/activitity_card.css +++ b/client/Activity_card_code/activitity_card.css @@ -1,5 +1,5 @@ .activityCardFont{ - font-family: 'Gill Sans MT'; + font-family: "Roboto", sans-serif; } .activityCard{ height: 170px; @@ -11,7 +11,7 @@ width: 100%; height: 100%; /*background: linear-gradient(to right, #efcdea 0%, #f3daef 11%, #edddeb 22%, #ffffff 35%);*/ - background: linear-gradient(to right, #efcdea 12%, #f3daef 25%, #edddeb 50%, #ffffff 75%); + background: linear-gradient(to right, #efcdea 0%, #edddeb 0%, #ffffff 30%, #ffffff 10%); text-align: left; display: flex; flex-direction: row; @@ -35,11 +35,12 @@ text-align: left; margin-left: 15%; -.activityCardMore { + +/* .activityCardMore { flex: 1; padding: 10px; box-sizing: border-box; -} +}*/ } #activityCardDepHeader{ diff --git a/client/Make_Suggestion_Code/makeSuggestion.css b/client/Make_Suggestion_Code/makeSuggestion.css index a56bface..f7a81cfb 100644 --- a/client/Make_Suggestion_Code/makeSuggestion.css +++ b/client/Make_Suggestion_Code/makeSuggestion.css @@ -1,29 +1,31 @@ -/* .filterFont { + /* + .filterFont { font-family: "Roboto", sans-serif; margin-left: 5%; -} */ + } +*/ .makeSuggestionFilterButtons { margin-left: 5%; margin-bottom: 1%; + margin-top: 1%; + } .filterButtons { - background-image: linear-gradient( - to right, - rgb(201, 164, 213), - rgb(162, 88, 202) - ); + background-image: linear-gradient(to right, #845380, #303866); + border: none; padding: 8px; color: #fffafa; font-weight: 1700; border-radius: 8px; - margin-right: 3%; - width: 12%; + margin-right: 2%; + width: 13%; font-family: "Roboto", sans-serif; font-weight: 400; font-size: medium; - text-align: center; + text-align: left; + text-overflow: ellipsis; } #middleFilterButtonLabel { @@ -56,7 +58,7 @@ width: 78%; margin-top: 1%; margin-left: 5%; - border: 1px solid rgb(246, 144, 255); + border: none; border-radius: 5px; align-items: right; } @@ -79,11 +81,8 @@ } #suggestionButton { - background-image: linear-gradient( - to right, - rgb(201, 164, 213), - rgb(162, 88, 202) - ); + background-image: linear-gradient(to right, #845380, #303866); + border: none; padding: 6px; color: #fffafa; font-weight: 1700; diff --git a/client/Make_Suggestion_Code/makeSuggestion.html b/client/Make_Suggestion_Code/makeSuggestion.html index 920490bf..3a1720f2 100644 --- a/client/Make_Suggestion_Code/makeSuggestion.html +++ b/client/Make_Suggestion_Code/makeSuggestion.html @@ -22,15 +22,13 @@ <div id="suggestionPage"> <div class="filter-section"> - <!-- <p class="filterFont" id="filter-font"> - Fyll i vårdinstans och avdelning som förslaget gäller - </p> --> + <div class="makeSuggestionFilterButtons"> <select name="department" id="selectHospital" class="filterButtons" - > + > <option class ="ideaCardFont" value="" disabled selected>Välj arbetsplats</option> <!-- Options will be added dynamically here --> </select> @@ -41,6 +39,7 @@ <select name="section" id="selectDepartment" class="filterButtons"> <!-- Options will be added dynamically here --> + <option class ="ideaCardFont" value="" disabled selected>Välj avdelning</option> </select> <!-- <select class="filter" id="departmentDropdown"> <option value="all">Avdelningar</option> --> -- GitLab