From 65ccb1ae3ccf9ff97116c9df226e5d18230cc322 Mon Sep 17 00:00:00 2001
From: Beingsie <ada@beingsie.com>
Date: Sun, 15 Oct 2023 22:27:51 -0700
Subject: [PATCH] feat: update close-sam-section ui

---
 index.html |  4 +++-
 order.css  | 12 +++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index d3b7168..553c180 100644
--- a/index.html
+++ b/index.html
@@ -154,7 +154,9 @@ <h2 class="section-title-center">
     </section>
 
     <section id="sam" class="container-sam">
-      <button id="close-sam-section">X</button>
+      <button id="close-sam-section">
+        <p>+</p>
+      </button>
       <div class="main-head-sam">
         <div class="head-content-sam">
           <i class="bx bx-search-alt-2"></i>
diff --git a/order.css b/order.css
index 250eac6..d4b5679 100644
--- a/order.css
+++ b/order.css
@@ -17,13 +17,19 @@ body {
   top: 15%;
   right: 20%;
   background-color: black;
-  color: white;
-  padding: 5px 7px;
-  border-radius: 5px;
+  padding: 8px 12px;
+  border-radius: 12px;
   border: 1px solid black;
   cursor: pointer;
 }
 
+#close-sam-section p {
+  color: white;
+  font-size: 24px;
+  line-height: 24px;
+  transform: rotate(45deg);
+}
+
 .container-sam {
   overflow: hidden;
   width: 100%;