diff --git a/static/CSS/Manage_Coworking_Spaces.css b/static/CSS/Manage_Coworking_Spaces.css index ec63a924db40d6c8803af1687a3d011d2410288c..b0975c4d5dfcf38ea42148d5876c4220a06c9ca8 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].