Merge pull request #72 from bcgov/fix/widget-bar-header-spacing/jn

fix: widget bar and header spacing

docker/advocase-image/build-files/suitecrm/core/app/shell/src/themes/suite8/css/components/_action-group-menu.scss

@@ -0,0 +1,66 @@
+/**
+ * SuiteCRM is a customer relationship management program developed by SalesAgility Ltd.
+ * Copyright (C) 2022 SalesAgility Ltd.
+ *
+ * This program is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License version 3 as published by the
+ * Free Software Foundation with the addition of the following permission added
+ * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
+ * IN WHICH THE COPYRIGHT IS OWNED BY SALESAGILITY, SALESAGILITY DISCLAIMS THE
+ * WARRANTY OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * In accordance with Section 7(b) of the GNU Affero General Public License
+ * version 3, these Appropriate Legal Notices must retain the display of the
+ * "Supercharged by SuiteCRM" logo. If the display of the logos is not reasonably
+ * feasible for technical reasons, the Appropriate Legal Notices must display
+ * the words "Supercharged by SuiteCRM".
+ */
+
+.action-group-menu {
+  padding-top: 10px;
+
+  .inline-spinner {
+    width: 30px;
+  }
+
+  .inline-confirmation {
+    width: 30px;
+
+    .inline-confirmation-button {
+      background-color: $white;
+    }
+
+    .inline-confirmation-label {
+      background-color: $white;
+    }
+
+    .inline-confirmation-label > scrm-label {
+      width: max-content;
+      max-width: 120px;
+      display: block;
+      background-color: $white;
+      text-align: end;
+      box-shadow: -.8rem 0.1rem .5rem rgba($white, .9);
+      padding-left: 3px;
+    }
+
+    .inline-confirmation-label > scrm-dynamic-label {
+      width: max-content;
+      max-width: 120px;
+      display: block;
+      background-color: $white;
+      text-align: end;
+      box-shadow: -.8rem 0.1rem .5rem rgba($white, .9);
+      padding-left: 3px;
+    }
+
+  }
+}

docker/advocase-image/build-files/suitecrm/core/app/shell/src/themes/suite8/css/components/_widget-bar.scss

@@ -27,11 +27,9 @@
 .widget-bar {
   background-color: $widget-bar-bg;
   border: 1px solid $widget-bar-border;
-  border-radius: 4px;
 
-  display: flex;
-  justify-content: flex-start;
-  align-items: flex-start;
+  width: 100%;
+  justify-content: flex-start !important;
 }
 
 .widget-bar .widget-bar-entry-label::before {
@@ -46,7 +44,6 @@
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
-  line-height: 30.608px;
 }
 
 .widget-bar .widget-bar-entry-value {
@@ -55,7 +52,6 @@
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
-  line-height: 30.608px;
 }
 
 .widget-bar .widget-bar-entry-end-label {
@@ -64,7 +60,6 @@
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
-  line-height: 30.608px;
 }
 
 .widget-bar .inline-spinner > div {

docker/advocase-image/build-files/suitecrm/core/app/shell/src/themes/suite8/css/layout/_recordview.scss

@@ -45,6 +45,25 @@
   padding-right: 56px;
 }
 
+.record-view-header .btn {
+  stroke: $typography-color-secondary;
+  padding-top: 6px;
+  scale: 1.6;
+  padding-left: 10px;
+  font-style: normal;
+  font-weight: 400;
+}
+
+.favorite-on {
+  fill: $border-warning;
+  stroke: $surface-warning;
+  padding-top: 6px;
+  scale: 1.6;
+  padding-left: 10px;
+  font-style: normal;
+  font-weight: 400;
+}
+
 .record-view-header-scrolled {
   background-color: $white;
   border-bottom: 1px solid $grey-widget;
@@ -140,14 +159,14 @@
 
 .record-view-name-label {
   margin-right: 1.8rem;
-
   color: $primary_text;
-
   font-family: "BC Sans";
   font-size: 28px;
   font-style: normal;
   font-weight: 700;
   line-height: 42px;
+  display: flex !important;
+  padding-top: 11px;
 }
 
 .record-view-actions {