diff --git a/static/mylomen.html b/static/mylomen.html
index e69ca8d..f6d55fa 100644
--- a/static/mylomen.html
+++ b/static/mylomen.html
@@ -36,10 +36,10 @@
-webkit-box-align: center;
position: fixed;
- width: 36rem;
- min-height: 45rem;
+ width: 30rem;
+ min-height: 40rem;
top: calc(5%);
- left: calc(50% - 18rem);
+ left: calc(50% - 15rem);
z-index: 101;
background-color: white;
@@ -250,13 +250,13 @@
.chat-log {
flex: 1;
overflow-y: auto;
- padding: 20px;
+ padding: 2rem;
}
.chat-bubble {
display: flex;
align-items: center;
- margin-bottom: 10px;
+ margin-bottom: 1rem;
}
.user-bubble {
@@ -264,8 +264,8 @@
}
.bubble-content {
- padding: 10px 15px;
- border-radius: 20px;
+ padding: 1rem 1.5rem;
+ border-radius: 2rem;
}
.user-bubble .bubble-content {
@@ -281,17 +281,17 @@
.input-area {
display: flex;
align-items: center;
- padding: 20px;
+ padding: 2rem;
}
.input-text {
flex: 1;
- padding: 10px;
- margin-right: 10px;
+ padding: 1rem;
+ margin-right: 1rem;
}
.submit-button {
- padding: 10px 20px;
+ padding: 1rem 2rem;
background-color: #2196f3;
color: #ffffff;
border: none;
@@ -299,7 +299,7 @@
}
li {
- margin-top: 10px;
+ margin-top: 1rem;
}
a {
@@ -316,7 +316,7 @@
}
table td, table th {
- padding: 10px;
+ padding: 1rem;
}
.language-sql {
@@ -340,7 +340,7 @@
}
.recommendation{
color: #1c4cf3;
- margin-top: 10px;
+ margin-top: 1rem;
}
@@ -360,7 +360,7 @@
-