From 16d5df40959194face41322888723070c6687a33 Mon Sep 17 00:00:00 2001
From: Ryan Prather <ryan@rkprather.com>
Date: Tue, 2 Jul 2024 19:24:08 -0400
Subject: [PATCH] Convert profile view to rows Add additional sections for
 shared notes

---
 templates/default/profile.html.twig | 37 +++++++++++++++++++++++++----
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/templates/default/profile.html.twig b/templates/default/profile.html.twig
index 5eea527..ada8e09 100644
--- a/templates/default/profile.html.twig
+++ b/templates/default/profile.html.twig
@@ -11,7 +11,7 @@
 <style>
 .flex-container {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   flex-wrap: nowrap;
   justify-content: normal;
   align-items: normal;
@@ -26,15 +26,18 @@
   align-self: auto;
   order: 0;
   border: solid 1px black;
+  margin: 0 10px 0 20px;
 }
 
 .settings-flex {
   display: block;
   flex-grow: 1;
-  flex-shrink: 0;
+  flex-shrink: 1;
   flex-basis: auto;
   align-self: auto;
   order: 0;
+  border: solid 1px black;
+  margin: 0 20px 0 10px;
 }
 
 .notes-flex {
@@ -124,6 +127,8 @@ function saveSettings() {
 
         <label for='conf-password'>Confirm Password: </label>
         <input type='password' id='conf-password' name='conf-password' /><br />
+
+        <button id='save-profile' onclick='saveProfile()'>Save Profile</button>
     </div>
     <div class="settings-flex">
         <label for='save-interval'>Save Interval (seconds)?</label>
@@ -147,9 +152,33 @@ function saveSettings() {
         <button id='save-settings' onclick='saveSettings()'>Save Settings</button>
         <button id='back' onclick='history.go(-1)'>Back</button>
     </div>
-    <div class="notes-fles">
-        <table id='notes'>
+</div>
+
+<div class='flex-container'>
+    <div class='user-flex'>
+        <h2>My Shared Notes</h2>
+        <table id='shared-notes'>
             <thead>
+                <th>Recipient</th>
+                <th>Title</th>
+                <th>Passage</th>
+            </thead>
+            <tbody>
+            </tbody>
+        </table>
+    </div>
+
+    <div class='settings-flex'>'
+        <h2>Notes Shared w/Me</h2>
+
+        <table id='shared-with-me'>
+            <thead>
+                <th>Owner</th>
+                <th>Title</th>
+                <th>Passage</th>
+            </thead>
+            <tbody>
+            </tbody>
         </table>
     </div>
 </div>