From 906870611e9fb9b7313eb819c0ebc41b7308b20a Mon Sep 17 00:00:00 2001
From: rdeiser <rdeiser@ksu.edu>
Date: Thu, 27 Aug 2026 12:55:31 -0500
Subject: [PATCH] feat(libraryh3lp): adjust chat button position and size

Updated transform and width to better display the chat button
---
 src/app/libraryh3lp/libraryh3lp.component.html | 12 ++++++------
 src/app/libraryh3lp/libraryh3lp.component.scss | 13 +++++++++----
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/app/libraryh3lp/libraryh3lp.component.html b/src/app/libraryh3lp/libraryh3lp.component.html
index b5ac3ccb..163dda8d 100644
--- a/src/app/libraryh3lp/libraryh3lp.component.html
+++ b/src/app/libraryh3lp/libraryh3lp.component.html
@@ -4,21 +4,21 @@
       (click)="toggleChat()"
       (touchend)="toggleChat()"
       class="h3lp"
-      style="transform: rotate(90deg)"
+      style="transform: rotate(180deg) translateX(-20px)"
     >
-      Chat
+      <span style="display:inline-block; transform: rotate(180deg)">Chat</span>
     </button>
     <div
       id="chat-frame-wrap"
       style="
         display: none;
-        width: 280px;
+        width: 320px;
         background-color: #f5f5f5;
         padding: 0;
         box-shadow: -5px -5px 20px 5px rgba(0, 0, 0, 0.3);
         position: absolute;
-        bottom: 0;
-        right: 10px;
+        bottom: 50px;
+        right: 0;
         border: 0 none;
         z-index: 200;
       "
@@ -44,4 +44,4 @@
       <div class="needs-js"></div>
     </div>
   </aside>
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/libraryh3lp/libraryh3lp.component.scss b/src/app/libraryh3lp/libraryh3lp.component.scss
index aff6ab56..7078cadf 100644
--- a/src/app/libraryh3lp/libraryh3lp.component.scss
+++ b/src/app/libraryh3lp/libraryh3lp.component.scss
@@ -1,12 +1,17 @@
+.libraryh3lp-container {
+  position: fixed;
+  bottom: 800px;
+  right: 20px;
+  z-index: 9999;
+}
+
 .h3lp {
   background: #512888;
   color: #f0f0f0;
   padding: 10px 10px 8px;
   font-size: 16px;
   border-radius: 3px 3px 0 0;
-  position: absolute;
-  bottom: 400px;
-  right: -20px;
+  position: relative;
   border: 0 none;
   z-index: 200;
   box-shadow: none;
@@ -23,4 +28,4 @@
   .h3lp {
     display: none;
   }
-}
+}
\ No newline at end of file