Tweaks and fixes

openmrs · Aug 16, 2023 · 614eb05 · 614eb05
1 parent 00fe91c
commit 614eb05
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 15 deletions.
diff --git a/src/components/dashboard/dashboard.component.tsx b/src/components/dashboard/dashboard.component.tsx
@@ -399,7 +399,7 @@ function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
       <DataTable
         rows={tableRows}
         headers={tableHeaders}
-        size={isTablet ? "lg" : "xs"}
+        size={isTablet ? "lg" : "sm"}
         useZebraStyles
       >
         {({ rows, headers, getTableProps, getHeaderProps, getRowProps }) => (

diff --git a/src/components/dashboard/dashboard.scss b/src/components/dashboard/dashboard.scss
@@ -49,9 +49,19 @@
   }
 }
 
-.table tr:last-of-type {
+
+.table {
+  tr {
+    &:last-of-type {
+      td {
+        border-bottom: none;
+      }
+    }
+  }
+
   td {
-    border-bottom: none;
+    padding-top: 0;
+    padding-bottom: 0;
   }
 }
 
@@ -116,7 +126,7 @@
 
 .tileContainer {
   background-color: colors.$white-0;
-  border-top: 1px solid colors.$gray-20;
+  border-top: 1px solid colors.$gray-70;
   padding: 5rem 0;
 }
 

diff --git a/src/components/empty-state/empty-state.scss b/src/components/empty-state/empty-state.scss
@@ -8,22 +8,22 @@
 
 .content {
   @include type.type-style("heading-compact-01");
-  color: colors.$gray-20;
+  color: colors.$gray-70;
   margin-top: spacing.$spacing-05;
   margin-bottom: spacing.$spacing-03;
 }
 
 .desktopHeading {
   h4 {
     @include type.type-style('heading-compact-02');
-    color: colors.$gray-20;
+    color: colors.$gray-70;
   }
 }
 
 .tabletHeading {
   h4 {
     @include type.type-style('heading-03');
-    color: colors.$gray-20;
+    color: colors.$gray-70;
   }
 }
 
@@ -51,5 +51,5 @@
 
 .tile {
   text-align: center;
-  border: 1px solid colors.$gray-20;
+  border: 1px solid colors.$gray-70;
 }
diff --git a/src/components/error-state/error-state.scss b/src/components/error-state/error-state.scss
@@ -12,20 +12,20 @@
 .errorCopy {
   margin-bottom: spacing.$spacing-03;
   @include type.type-style("body-01");
-  color: colors.$gray-20;
+  color: colors.$gray-70;
 }
 
 .desktopHeading {
   h4 {
     @include type.type-style('heading-compact-02');
-    color: colors.$gray-20;
+    color: colors.$gray-70;
   }
 }
 
 .tabletHeading {
   h4 {
     @include type.type-style('heading-03');
-    color: colors.$gray-20;
+    color: colors.$gray-70;
   }
 }
 

diff --git a/src/components/interactive-builder/draggable-question.scss b/src/components/interactive-builder/draggable-question.scss
@@ -25,7 +25,7 @@
 }
 
 .normal:hover {
-  background-color: colors.$gray-20;
+  background-color: colors.$gray-70;
 }
 
 .isDragged {

diff --git a/src/components/interactive-builder/question-modal.scss b/src/components/interactive-builder/question-modal.scss
@@ -40,7 +40,7 @@
 
 .emptyResults {
   @include type.type-style("body-compact-01");
-  color: colors.$gray-20;
+  color: colors.$gray-70;
   min-height: 1rem;
 }
 

diff --git a/src/components/pagination/pagination.scss b/src/components/pagination/pagination.scss
@@ -10,7 +10,7 @@
   @include type.type-style('body-compact-01');
   display: flex;
   justify-content: space-between;
-  color: colors.$gray-20;
+  color: colors.$gray-70;
   background-color: colors.$white-0;
   padding-left: 1rem;
   align-items: center;
@@ -49,7 +49,7 @@
 .pagination {
   @include type.type-style('body-compact-01');
   background-color: colors.$white-0;
-  color: colors.$gray-20;
+  color: colors.$gray-70;
   display: flex;
 }