From 2895c0b0159339f380966e425a5184fd3de2aef4 Mon Sep 17 00:00:00 2001
From: Sophie Axebane <ideleted@system64.dev>
Date: Thu, 2 Nov 2023 16:20:35 -0500
Subject: [PATCH] Re-add titlebar to memories, stylize buttons and change
 arrows

---
 memories.html            |  5 +++--
 styles/style_buttons.css | 11 +++++++++++
 styles/style_main.css    |  4 ++--
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/memories.html b/memories.html
index a7928a1..0906259 100644
--- a/memories.html
+++ b/memories.html
@@ -22,8 +22,9 @@
     <div class="window">
         <div class="wrapper">
             <div class="memoriesBox" id="memoriesBox"></div>
-                <button id="prev">&lt;</button>
-                <button id="next">&gt;</button>
+            <div class="window_titlebar"><h3>memories.exe</h3></div>
+                <button id="prev">◄</button>
+                <button id="next">►</button>
             <script src="/js/memories.js" type="module"></script>
             </div>  
         </div>
diff --git a/styles/style_buttons.css b/styles/style_buttons.css
index 13ef5dd..6609ede 100644
--- a/styles/style_buttons.css
+++ b/styles/style_buttons.css
@@ -3,6 +3,17 @@
 
 /* Buttons */
 
+button {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+
+    background: #c3c3c3;
+    box-shadow: inset -1px -1px black;
+
+    min-height: 30px;
+    min-width: 30px;
+}
 input {
     -webkit-appearance: none;
     appearance: none;
diff --git a/styles/style_main.css b/styles/style_main.css
index 4f79b6a..b7c637c 100644
--- a/styles/style_main.css
+++ b/styles/style_main.css
@@ -57,12 +57,12 @@ div.window {
     position: relative;
     border-style: ridge;
     border-width: 5px;
-    border-color: #c3c3c3;
+    border-color: #e9e9e9;
     
     width: 60vw;
     padding: 10px;
     align-self: center;
-    background-color: white;
+    background-color: #e9e9e9;
 }