[Rahul] | BAH-4052 | Add. Border CSS To Slot Details Cell

Bahmni · Jul 30, 2024 · 404b28e · 404b28e
1 parent 4a38127
commit 404b28e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/src/features/CareViewPatientsSummary/styles/CareViewPatientsSummary.scss b/src/features/CareViewPatientsSummary/styles/CareViewPatientsSummary.scss
@@ -53,11 +53,19 @@
 
   .slot-details-container {
     width: 550px;
-    padding: 20px 0;
+    padding-top: 20px;
+    padding-bottom: 10px;
     vertical-align: top;
 
     .slot-details {
       display: flex;
+      border: 2px solid;
+      transition: opacity 0.3s ease;
+      display: flex;
+      padding: 15px 5px;
+      margin: 10px;
+      margin-top: 0px;
+      justify-content: start;
 
       .logo {
         display: flex;
@@ -70,11 +78,14 @@
       .drug-details-wrapper {
         display: flex;
         flex-direction: column;
-        padding: 0 0 20px 20px;
+        padding-left: 20px;
 
         .drug-details {
           display: flex;
           margin-top: 5px;
+          font-size: 12px;
+          font-weight: 400;
+          color: #393939;
 
           .drug-detail {
             margin: 2px;

diff --git a/src/features/CareViewPatientsSummary/tests/__snapshots__/SlotDetailsCell.spec.jsx.snap b/src/features/CareViewPatientsSummary/tests/__snapshots__/SlotDetailsCell.spec.jsx.snap
@@ -7,6 +7,7 @@ exports[`SlotDetailsCell should render slotDetailsCell 1`] = `
   >
     <div
       class="slot-details"
+      style="border-color: #92c4c3; background: rgb(237, 248, 230);"
     >
       <div
         class="logo"
@@ -23,7 +24,7 @@ exports[`SlotDetailsCell should render slotDetailsCell 1`] = `
         />
       </div>
       <span>
-        12:16
+        08:36
       </span>
       <div
         class="drug-details-wrapper"
-Original file line number
+Diff line change
@@ Expand Up / @@ -7,6 +7,7 @@ exports[`SlotDetailsCell should render slotDetailsCell 1`] = ` @@
       >
         <div
           class="slot-details"
+          style="border-color: #92c4c3; background: rgb(237, 248, 230);"
         >
           <div
             class="logo"
@@ Expand All @@
             />
           </div>
           <span>
-:16
+:36
           </span>
           <div
             class="drug-details-wrapper"
@@ Expand Down @@