Merge pull request #3197 from OneCommunityGlobal/Ziddi-bmdashboard-issue-log-form

Ziddi - issue log form in bmdashboard

Author: one-community

src/components/BMDashboard/Issue/Issue.css

@@ -0,0 +1,97 @@
+.issue-form-container {
+  margin: 0 auto;
+  max-width: 625px;
+}
+
+.red-text {
+  color: #980101;
+  display: flex;
+  justify-content: center;
+}
+
+.red-asterisk {
+  color: #e00000;
+}
+
+.issue-title-text {
+  text-align: center;
+  padding-top: 3.5vh;
+  padding-bottom: 3.5vh;
+  font-weight: bold;
+  font-size: 20px;
+}
+
+.consequences-text {
+  text-align: left;
+}
+
+.sub-title-text {
+  display: flex;
+  flex-direction: row;
+  color: #2e5061;
+  font-weight: bold;
+}
+
+.character-counter-text {
+  position: absolute;
+  bottom: 0;
+  right: 1.2em;
+  font-size: 12px;
+  color: #999;
+}
+
+.position-relative {
+  position: relative;
+}
+
+.issue-form-override-css {
+  max-width: inherit !important;
+}
+
+.issue-radio-buttons {
+  display: flex;
+  justify-content: left;
+  margin-top: auto;
+  padding-left: 3em;
+  padding-right: 27em;
+}
+
+.consequences-checkboxes {
+  padding: 0 2.5em 0;
+}
+
+.consequences-checkboxes > .col {
+  width: 100%;
+  flex-grow: 1;
+}
+
+.issue-date {
+  align-items: center;
+  padding: 0 3em;
+}
+
+input.issue-date-input {
+  width: 160px;
+}
+
+button.IssueFormButtonCancel {
+  font-size: 20px;
+  height: 50px;
+  width: 50%;
+  background-color: #ffffff !important;
+  color: #2e5061 !important;
+  border-color: #2e5061 !important;
+}
+
+.row-margin-bottom {
+  margin-bottom: 1em;
+}
+
+button.IssueFormButtonSubmit {
+  height: 50px;
+  width: 50%;
+  background-color: #2e5061 !important;
+  color: #ffffff !important;
+  border-color: #2e5061 !important;
+  font-size: 20px;
+}