css adjustments

app.py

@@ -3,13 +3,17 @@ import openai
 
 openai.api_key = "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"
 
-theme = gr.themes.Monochrome()
-css = "@import url(https://fonts.googleapis.com/css2?family=Silkscreen&display=swap);.gradio-container{" \
+theme = gr.themes.Monochrome(
+    text_size="lg"
+)
+css = "@import url(https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap);.gradio-container{" \
       "background-color:#cda678;font-family:Silkscreen;position:relative}.secondary.svelte-58yet2," \
       ".tabitem{background-color:#002366}#component-1{min-height:75vh}#component-4{" \
       "margin-top:auto}.tabs.svelte-btpldm{height:100%}.tabitem{border:1px solid #fff}#component-9{" \
-      "min-height:70vh;max-height:70vh}#component-10,#component-11,.wrap.svelte-a99nd8{" \
-      "background-color:#aaa}textarea{background-color:#fff}#component-48,#component-51{" \
+      "min-height:70vh;max-height:70vh}#component-10,#component-11,#component-18,#component-19,#component-26," \
+      "#component-27,#component-34,#component-35,#component-42,#component-43,.wrap.svelte-a99nd8{" \
+      "background-color:#aaa}.message.svelte-a99nd8.svelte-a99nd8{padding:15px}.bot.svelte-a99nd8.svelte-a99nd8{" \
+      "padding-left:15px}textarea{background-color:#fff}#component-48,#component-51{" \
       "position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(" \
       "-50%);width:50%;height:50vh;padding:80px 20px 20px;background-color:#fff;border:1px solid " \
       "#002366}#component-49{position:initial}#component-50,#component-62{" \
@@ -171,7 +175,7 @@ with gr.Blocks(theme=theme, css=css) as iface:
     def generate_ai_message(history, question_counter_text, character_id):
         if check_if_questions_left(question_counter_text):
             init_sys_message = initText[character_id] + "Stay in character. Use natural language. Don't reveal all of" \
-                                                        "the information in a single message, and leave hints. Don't " \
+                                                        "the information in a single message, and leave hints. Never " \
                                                         "reveal everything in a single message."
             message_history = [
                 {"role": "system", "content": init_sys_message}

style.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Silkscreen&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');
 
 .gradio-container {
     background-color: #cda678;
@@ -32,10 +32,19 @@
     background-color: #002366;
 }
 
-#component-10, #component-11, .wrap.svelte-a99nd8 {
+#component-10, #component-11, #component-18, #component-19, #component-26, #component-27, #component-34, #component-35,
+    #component-42, #component-43, .wrap.svelte-a99nd8 {
     background-color: #aaa;
 }
 
+.message.svelte-a99nd8.svelte-a99nd8 {
+    padding: 15px;
+}
+
+.bot.svelte-a99nd8.svelte-a99nd8 {
+    padding-left: 15px;
+}
+
 textarea {
     background-color: #fff;
 }