diff --git a/frontend/src/App.css b/frontend/src/App.css
index efb6bad..b69a9b5 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -165,49 +165,38 @@ div {
}
/* Reduce general whitespace in markdown content */
-.About p.MuiTypography-root,
-.assistant-message p.MuiTypography-root {
+* p.MuiTypography-root {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-size: 0.9rem;
}
/* Reduce space between headings and content */
-.assistant-message h1.MuiTypography-root,
-.assistant-message h2.MuiTypography-root,
-.assistant-message h3.MuiTypography-root,
-.assistant-message h4.MuiTypography-root,
-.assistant-message h5.MuiTypography-root,
-.assistant-message h6.MuiTypography-root,
-.About h1.MuiTypography-root,
-.About h2.MuiTypography-root,
-.About h3.MuiTypography-root,
-.About h4.MuiTypography-root,
-.About h5.MuiTypography-root,
-.About h6.MuiTypography-root {
+* h1.MuiTypography-root,
+* h2.MuiTypography-root,
+* h3.MuiTypography-root,
+* h4.MuiTypography-root,
+* h5.MuiTypography-root,
+* h6.MuiTypography-root {
margin-top: 1rem;
margin-bottom: 0.5rem;
font-size: 1rem;
}
/* Reduce space in lists */
-.assistant-message ul.MuiTypography-root,
-.assistant-message ol.MuiTypography-root,
-.About ul.MuiTypography-root,
-.About ol.MuiTypography-root {
+* ul.MuiTypography-root,
+* ol.MuiTypography-root {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-size: 0.9rem;
}
-.About li.MuiTypography-root,
-.assistant-message li.MuiTypography-root {
+* li.MuiTypography-root {
margin-bottom: 0.25rem;
font-size: 0.9rem;
}
-.About .MuiTypography-root li,
-.assistant-message .MuiTypography-root li {
+* .MuiTypography-root li {
margin-top: 0;
margin-bottom: 0;
padding: 0;
@@ -215,8 +204,7 @@ div {
}
/* Reduce space around code blocks */
-.About .MuiTypography-root pre,
-.assistant-message .MuiTypography-root pre {
+* .MuiTypography-root pre {
border: 1px solid #F5F5F5;
border-radius: 0.5rem;
padding: 0.5rem 0.75rem;
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index abb0d53..6de288c 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -54,11 +54,12 @@ const welcomeMarkdown = `
Backstory was written by James Ketrenos in order to provide answers to questions potential employers may have about his work history. In addition to being a RAG enabled expert system, the LLM is configured with real-time access to weather, stocks, the current time, and can answer questions about the contents of a website.
You can ask things like:
- *
- *
- *
- *
- *
+
+
+
+
+
+
Or click the text above to submit that query.
diff --git a/frontend/src/Message.tsx b/frontend/src/Message.tsx
index d507963..1a86b76 100644
--- a/frontend/src/Message.tsx
+++ b/frontend/src/Message.tsx
@@ -30,8 +30,7 @@ const ChatQuery = ({ text, submitQuery }: ChatQueryInterface) => {
?
: {text});