From 0e59a6c4319518f134b8e17a37c34abebe62bd0a Mon Sep 17 00:00:00 2001
From: Antonella Sgarlatta <antonella@standardnotes.org>
Date: Tue, 8 Jun 2021 19:25:25 -0300
Subject: [PATCH] fix: make sessions modal scrollable

---
 app/assets/javascripts/components/SessionsModal.tsx | 4 ++--
 app/assets/stylesheets/_sn.scss                     | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/components/SessionsModal.tsx b/app/assets/javascripts/components/SessionsModal.tsx
index 6079e3aca..aa375505e 100644
--- a/app/assets/javascripts/components/SessionsModal.tsx
+++ b/app/assets/javascripts/components/SessionsModal.tsx
@@ -126,7 +126,7 @@ const SessionsModal: FunctionComponent<{
 
   return (
     <>
-      <Dialog onDismiss={close} className="sessions-modal">
+      <Dialog onDismiss={close} className="sessions-modal h-screen py-8">
         <div className="sk-modal-content">
           <div class="sn-component">
             <div class="sk-panel">
@@ -145,7 +145,7 @@ const SessionsModal: FunctionComponent<{
                   </button>
                 </div>
               </div>
-              <div class="sk-panel-content">
+              <div class="sk-panel-content overflow-y-scroll">
                 {refreshing ? (
                   <>
                     <div class="sk-spinner small info"></div>
diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index a312819ce..ad89dd0b6 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -109,6 +109,11 @@
   padding-bottom: 0.375rem;
 }
 
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
 .outline-none {
   outline: none;
 }
@@ -254,6 +259,10 @@
   height: 4.5rem;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
 .max-h-120 {
   max-height: 30rem;
 }