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 @@ -