:hovers and layout

app/assets/stylesheets/layout.scss

@@ -241,7 +241,7 @@ details.tree[open]>summary::before {
 
 details.success_criterion {
   summary:hover {
-    background-color: $tertiary;
+    background-color: shade-color($tertiary, 40%);
 
 
     // border-right: solid 4px $primary;
@@ -262,7 +262,7 @@ details.success_criterion {
 @include color-mode(dark) {
   details.success_criterion {
     summary:hover {
-      background-color: $tertiary-dark;
+      background-color: shade-color($tertiary-dark, 40%);
     }
   }
 }
@@ -286,7 +286,6 @@ details.success_criterion[open] {
 
 @include color-mode(dark) {
   details.success_criterion[open] {
-    // padding-left: 8px;
     border: solid 1px $tertiary-dark;
 
     summary {
@@ -295,43 +294,24 @@ details.success_criterion[open] {
 
     summary:hover {
       background-color: shade-color($tertiary-dark, 30%);
-      // border-right: solid 4px $primary;
     }
   }
 }
 
-details.success_criterion.passed {
-  // border-left: solid 2px $success;
+details.tree {
+
+  summary:hover,
+  li:has(a):hover {
+    background-color: shade-color($tertiary, 50%);
+  }
 }
 
+@include color-mode(dark) {
+  details.tree {
 
-details.success_criterion.failed {
-  // border-left: solid 2px $danger
+    summary:hover,
+    li:has(a):hover {
+      background-color: shade-color($tertiary-dark, 40%);
     }
-
-
-details.success_criterion.not_applicable {
-  // border-left: solid 2px $secondary;
   }
-
-details.success_criterion[open] {
-  // border-left: solid 16px $warning;
-  // padding-left: 8px;
-}
-
-details.success_criterion[open].passed {
-  // border-left: solid 16px $success;
-  // padding-left: 8px;
-}
-
-
-details.success_criterion[open].failed {
-  // border-left: solid 16px $danger;
-  // padding-left: 8px;
-}
-
-
-details.success_criterion[open].not_applicable {
-  // border-left: solid 16px $secondary;
-  // padding-left: 8px;
 }

app/views/reports/show.html.slim

@@ -11,13 +11,13 @@ h1
   .smb-4.lead.mb-3
     = @report.comment
 .row 
-  .col-lg-4.col-md-6.col-sm-12
+  .col-lg-3.col-md-4.col-sm-12
     .page_nav.sticky-top
       = render partial: "reports/page_nav", locals: { report: @report, current_page: @current_page }
       - if @current_page && false
         = turbo_frame_tag(dom_id(@current_page, :notes)) do 
           = render partial: "pages/notes", locals: { page: @current_page }
-  .col-lg-8.col-md-6.col-sm-12
+  .col-lg-9.col-md-7.col-sm-12
     - if @current_page
         = render @current_page
     - else