From 9659dc99f14e2828f511ba606d9db4f6ed64112d Mon Sep 17 00:00:00 2001 From: Liam Driscoll <driscolll4@cardiff.ac.uk> Date: Fri, 9 Dec 2022 14:15:58 +0000 Subject: [PATCH] Readding my styling. --- static/CSS/Manage_Coworking_Spaces.css | 39 +++++++++++++++++++++----- 1 file changed, 32 insertions(+), 7 deletions(-) diff --git a/static/CSS/Manage_Coworking_Spaces.css b/static/CSS/Manage_Coworking_Spaces.css index ec63a92..b0975c4 100644 --- a/static/CSS/Manage_Coworking_Spaces.css +++ b/static/CSS/Manage_Coworking_Spaces.css @@ -125,9 +125,9 @@ header #pageHeader main #pageMain form #recordForm - label - input .formTextInput - button #addButton + label .smallLabel + input textarea .smallInput + button */ @@ -136,13 +136,38 @@ main #pageMain flex: 1; } -#recordForm { - margin-left: 5px; +#recordForm label, #recordForm input, #recordForm textarea { + margin-left: 1.25px; + margin-top: 5px; } -#recordForm .formTextInput { - margin-top: 5px; +#recordForm label { + display: inline-block; + min-width: 27.5%; + text-align: right; + font-weight: bold; + vertical-align: top; +} + +#recordForm input { + width: 50%; + min-width: 550px; +} + +#recordForm textarea { width: 50%; + min-width: 550px; + font-size: 14.25px; +} + +#recordForm .smallLabel { + width: 10%; + min-width: 125px; +} + +#recordForm .smallInput { + width: 19.2%; + min-width: 200px; } /* [#4] Page footer styling. Uses [#2]. -- GitLab