Note rhs sidebar - make whole section clickable

public/css/style.css

@@ -180,6 +180,9 @@ body.stag_rhs_collapsed .app-right-panel {
 .mcp-theme-1 .on-hover-opaque:hover {
     opacity: 1;
 }
+.mcp-theme-1 .on-hover-aliceblue:hover {
+    background: aliceblue;
+}
 .mcp-theme-1 .opacity-0 {
     opacity: 0 !important;
 }
@@ -2177,7 +2180,6 @@ body.in-iframe .main-row > .sidebar {
     max-width: 180px;
     align-self: stretch;
     border-right: 1px solid #ddd;
-    padding-top: 0.85rem;
     height: 300px;
     overflow: hidden;
     max-height: calc(100vh - 55px);

resources/views/app/patient/note/rhs-sidebar.blade.php

@@ -5,17 +5,15 @@ $problems = \App\Models\Point::getPointsOfCategory($patient, "PROBLEM");
 $goals = \App\Models\Point::getPointsOfCategory($patient, "GOAL");
 $prescriptions = $patient->prescriptionsCreatedInNote($note);
 ?>
-<div id="active-allergies" class="px-2 pb-2 border-bottom mb-2">
-    <div class="font-weight-bold mb-2">Allergies
-        <a native target="_blank"
-             class="c-pointer pl-1 text-primary"
-             open-in-stag-popup
-             mc-initer="allergies-center-{{$note->id}}"
-             title="Allergies Center"
-             popup-style="wide overflow-visible"
-             href="/allergies-center/{{$patient->uid}}/{{$note->uid}}">
-            <i class="fa fa-bolt mr-1"></i>
-        </a>
+<div id="active-allergies" class="p-2 border-bottom c-pointer on-hover-aliceblue"
+     open-in-stag-popup
+     mc-initer="allergies-center-{{$note->id}}"
+     title="Allergies Center"
+     popup-style="wide overflow-visible"
+     href="/allergies-center/{{$patient->uid}}/{{$note->uid}}">
+    <div class="font-weight-bold mb-2">
+        Allergies
+        <i class="fa fa-bolt text-primary ml-1"></i>
     </div>
     @if($allergies && count($allergies))
         @foreach($allergies as $allergy)
@@ -29,17 +27,15 @@ $prescriptions = $patient->prescriptionsCreatedInNote($note);
         <span class="px-1 text-secondary">None</span>
     @endif
 </div>
-<div id="active-medications" class="px-2 pb-2 border-bottom mb-2">
-    <div class="font-weight-bold mb-2">Medications
-        <a native target="_blank"
-           class="c-pointer pl-1 text-primary"
-           open-in-stag-popup
-           mc-initer="medications-center-{{$note->id}}"
-           title="Medications Center"
-           popup-style="wide overflow-visible"
-           href="/medications-center/{{$patient->uid}}/{{$note->uid}}">
-            <i class="fa fa-bolt mr-1"></i>
-        </a>
+<div id="active-medications" class="p-2 border-bottom c-pointer on-hover-aliceblue"
+     open-in-stag-popup
+     mc-initer="medications-center-{{$note->id}}"
+     title="Medications Center"
+     popup-style="wide overflow-visible"
+     href="/medications-center/{{$patient->uid}}/{{$note->uid}}">
+    <div class="font-weight-bold mb-2">
+        Medications
+        <i class="fa fa-bolt text-primary ml-1"></i>
     </div>
     @if($medications && count($medications))
         @foreach($medications as $medication)
@@ -53,17 +49,15 @@ $prescriptions = $patient->prescriptionsCreatedInNote($note);
         <span class="px-1 text-secondary">None</span>
     @endif
 </div>
-<div id="active-problems" class="px-2 pb-2 border-bottom mb-2">
-    <div class="font-weight-bold mb-2">Problems
-        <a native target="_blank"
-           class="c-pointer pl-1 text-primary"
-           open-in-stag-popup
-           mc-initer="problems-center-{{$note->id}}"
-           title="Problems Center"
-           popup-style="wide overflow-visible"
-           href="/problems-center/{{$patient->uid}}/{{$note->uid}}">
-            <i class="fa fa-bolt mr-1"></i>
-        </a>
+<div id="active-problems" class="p-2 border-bottom c-pointer on-hover-aliceblue"
+     open-in-stag-popup
+     mc-initer="problems-center-{{$note->id}}"
+     title="Problems Center"
+     popup-style="wide overflow-visible"
+     href="/problems-center/{{$patient->uid}}/{{$note->uid}}">
+    <div class="font-weight-bold mb-2">
+        Problems
+        <i class="fa fa-bolt text-primary ml-1"></i>
     </div>
     @if($problems && count($problems))
         @foreach($problems as $problem)
@@ -77,17 +71,15 @@ $prescriptions = $patient->prescriptionsCreatedInNote($note);
         <span class="px-1 text-secondary">None</span>
     @endif
 </div>
-<div id="active-goals" class="px-2 pb-2 border-bottom mb-2">
-    <div class="font-weight-bold mb-2">Goals
-        <a native target="_blank"
-           class="c-pointer pl-1 text-primary"
-           open-in-stag-popup
-           mc-initer="goals-center-{{$note->id}}"
-           title="Goals Center"
-           popup-style="wide overflow-visible"
-           href="/goals-center/{{$patient->uid}}/{{$note->uid}}">
-            <i class="fa fa-bolt mr-1"></i>
-        </a>
+<div id="active-goals" class="p-2 border-bottom c-pointer on-hover-aliceblue"
+     open-in-stag-popup
+     mc-initer="goals-center-{{$note->id}}"
+     title="Goals Center"
+     popup-style="wide overflow-visible"
+     href="/goals-center/{{$patient->uid}}/{{$note->uid}}">
+    <div class="font-weight-bold mb-2">
+        Goals
+        <i class="fa fa-bolt text-primary ml-1"></i>
     </div>
     @if($goals && count($goals))
         @foreach($goals as $goal)
@@ -101,9 +93,9 @@ $prescriptions = $patient->prescriptionsCreatedInNote($note);
         <span class="px-1 text-secondary">None</span>
     @endif
 </div>
-<div id="note-prescriptions" class="px-2 pb-2 border-bottom mb-2">
-    <div class="font-weight-bold mb-2">ERx &amp; Orders
-        <a native="" target="_top" data-non-segment-target="Prescriptions" href="#" class="font-weight-normal">View All</a>
+<div id="note-prescriptions" class="p-2 border-bottom c-pointer on-hover-aliceblue" data-non-segment-target="Prescriptions">
+    <div class="font-weight-bold mb-2">
+        ERx &amp; Orders
     </div>
     @if($prescriptions && count($prescriptions))
         @foreach($prescriptions as $prescription)