1087 vertical alignment in contribute page (#1095)

* removed closing div tag

* added container class divs

* updated changelog

* added div class col sm 10 for radio buttons

* updated style for label

* added radio inline class

* updated cursor pointer style

* input file style

* added checkbox inline style label

* separated label and input

* removed input class

* added checkbox style

* added calendar hover style

* changes to nav breadcrumbs

* added submit div href link to breadcrumb

* added col sm 10 for vertical alignment in edit page

* updated styling

* changed talent form edit page to match create page

* updated changelog

* removed inline style for add person

* moved add environment variable button to row and col divs

* added styling to add environment variables div row

CHANGELOG.md

@@ -19,6 +19,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Create contribution page UI. [#1065](https://github.com/rokwire/rokwire-building-blocks-api/issues/1065)
 - Review block in contribution details page. [#1066](https://github.com/rokwire/rokwire-building-blocks-api/issues/1066)
 - Rearranged divs in contribute page. [#1079](https://github.com/rokwire/rokwire-building-blocks-api/issues/1079)
+- Element stylings in contribute page. [#1087](https://github.com/rokwire/rokwire-building-blocks-api/issues/1087)
 
 ### Fixed
 - Detect secrets GitHub action build error and updated baseline. [#1077](https://github.com/rokwire/rokwire-building-blocks-api/issues/1077)

contributions/catalog/webapps/static/css/style.css

@@ -85,7 +85,7 @@ label {
     font-stretch: normal;
     font-style: normal;
     letter-spacing: normal;
-    height: 20px;
+    line-height: 30px;
     color: #13294b;
 }
 
@@ -106,6 +106,7 @@ label {
     border-radius: 0;
     background-color: #fff;
     color: #404040;
+    cursor: pointer;
 }
 
 .form-check-label{
@@ -137,7 +138,12 @@ input[type=date]{
     height: 34px;
     width:auto;
     resize: vertical;
+    border: 1px solid #002855;
+    border-radius: 0;
 }
+input[type=date]::-webkit-calendar-picker-indicator:hover {
+    cursor: pointer;
+  }
 
 input[type=text]:focus, input[type=number]:focus, input[type=date]:focus, select:focus, textarea:focus, .form-check-input:focus{
     box-shadow: none;
@@ -146,14 +152,17 @@ input[type=text]:focus, input[type=number]:focus, input[type=date]:focus, select
 input[type=file]{
     height: 48px;
     color: #404040;
-    padding: 12px 8px 16px;
+    padding: 10px 0px;
+    font-size: 16px;
+    letter-spacing: normal;
+    line-height: 30px;
+
 }
 
 input[type=checkbox]{
     vertical-align: middle;
     width: 20px;
     height: 20px;
-    /*border: 1px solid #002855;*/
     display: inline-grid;
     place-content: center;
     position: inherit;
@@ -574,6 +583,10 @@ hr.dotted {
     margin-left: 1%;
 }
 
+.env-var-div-row{
+   margin-bottom: 15px;
+}
+
 input.envvar-key[type=text] {
     width: 47%;
     display: table-cell;
@@ -611,6 +624,12 @@ input.datadel-api {
     display: table-cell;
 }
 
+.checkbox-inline {
+    padding-top: 5px;
+    padding-left: 2px;
+    cursor: default;
+}
+
 h1 {
     font-size: 32px;
     height: 36px;