CSS Formatting

src/components/ChatInteraction.module.css

 .messageTitle {
-    display: flex;
-    align-items: center;
-    color: var(--text-default-grey);
-    font-size: 1.2rem;
-  }
-  
-  .messageTitle i {
-    margin-right: 0.5rem;
-  }
-  
-  .messageTitle i::before {
-    width: 20px;
-    height: 20px;
-  }
-  
-  .answerSectionContainer {
-    margin-bottom: 2rem;
-  }
-  
-  .sourceList {
-    list-style: none;
-    list-style-type: none;
-    padding: 0;
-  }
+  display: flex;
+  align-items: center;
+  color: var(--text-default-grey);
+  font-size: 1.2rem;
+}
 
-  .responseCo2Eq {
-    font-size: 11px;
-    color: green;
-    text-align: right;
-    margin-bottom: -15px;
-  }
-  
-  .errorMessageContainer {
-    display: flex;
-    align-items: center;
-    margin-bottom: 1rem;
-  }
-  
-  .errorMessageContainer i {
-    margin-right: 0.5rem;
-    color: var(--text-actionHigh-redMarianne);
-  }
-  
\ No newline at end of file
+.messageTitle i {
+  margin-right: 0.5rem;
+}
+
+.messageTitle i::before {
+  width: 20px;
+  height: 20px;
+}
+
+.answerSectionContainer {
+  margin-bottom: 2rem;
+}
+
+.sourceList {
+  list-style: none;
+  list-style-type: none;
+  padding: 0;
+}
+
+.responseCo2Eq {
+  font-size: 11px;
+  color: green;
+  text-align: right;
+  margin-bottom: -15px;
+}
+
+.errorMessageContainer {
+  display: flex;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+
+.errorMessageContainer i {
+  margin-right: 0.5rem;
+  color: var(--text-actionHigh-redMarianne);
+}
\ No newline at end of file

src/components/SimpleChat.module.css

 .chatWindow {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-  
-  .userPromptRequestContainer {
-    margin-bottom: 2rem;
-    margin-top: 0.5rem;
-    flex: 1;
-  }
-  
-  .userPromptRequestContainer h4 {
-    margin-bottom: 0.75rem;
-  }
-  
-  .emptyChatWindowContainer {
-    display: flex;
-    width: 100%;
-    min-height: 60vh;
-    transform: translateY(-5%);
-  }
-  
-  .emptyChatWindowContainer > div {
-    margin: auto;
-  }
-  
-  .chatInstructions {
-    padding: 1.5rem 2rem;
-    color: var(--text-mention-grey);
-    box-shadow: 0px 0px 7px -4px var(--border-plain-blueFrance);
-    border-radius: 8px;
-  }
-  
-  .chatInstructions p {
-    text-align: center;
-  }
-  
-  .inputSection {
-    display: flex;
-    width: 100%;
-    position: relative;
-    padding: 0.5rem 1.5rem 3rem;
-    justify-content: space-between;
-    align-items: center;
-    max-width: 49rem;
-    margin-left: auto;
-    margin-right: auto;
-  }
-  
-  .llmAccuracyWarning {
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    width: max-content;
-    bottom: 0.5rem;
-    font-size: 12px;
-    color: var(--text-disabled-grey);
-  }
-  
-  .inputContainer {
-    flex-grow: 1;
-    max-width: 49rem;
-    margin-left: auto;
-    margin-right: auto;
-    position: relative;
-  }
-  
-  .scrollToBottomButton {
-    margin-left: auto;
-    margin-right: auto;
-    background-color: var(--background-default-grey);
-  }
-  
-  .input textarea {
-    max-height: 550px;
-    overflow-y: auto;
-    resize: none;
-    padding-right: 4rem;
-    padding-left: 4rem;
-    padding-top: 1rem;
-  }
-  
-  .inputButtonContainer {
-    position: absolute;
-    bottom: 10px;
-  }
-  
-  .sendMessageButtonContainer {
-    right: 16px;
-  }
-  
-  .inputIcon {
-    border-radius: 50%;
-    display: flex;
-  }
-  
-  .sendMessageIcon::before {
-    margin: auto;
-  }
-  
-  .sendMessageIcon:not(:disabled)::before {
-    transform: translate(-1px, 2px);
-  }
-  
-  .sendMessageIcon:disabled {
-    background-color: var(--background-actionHigh-blueFrance);
-  }
-  
\ No newline at end of file
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.userPromptRequestContainer {
+  margin-bottom: 2rem;
+  margin-top: 0.5rem;
+  flex: 1;
+}
+
+.userPromptRequestContainer h4 {
+  margin-bottom: 0.75rem;
+}
+
+.emptyChatWindowContainer {
+  display: flex;
+  width: 100%;
+  min-height: 60vh;
+  transform: translateY(-5%);
+}
+
+.emptyChatWindowContainer>div {
+  margin: auto;
+}
+
+.chatInstructions {
+  padding: 1.5rem 2rem;
+  color: var(--text-mention-grey);
+  box-shadow: 0px 0px 7px -4px var(--border-plain-blueFrance);
+  border-radius: 8px;
+}
+
+.chatInstructions p {
+  text-align: center;
+}
+
+.inputSection {
+  display: flex;
+  width: 100%;
+  position: relative;
+  padding: 0.5rem 1.5rem 3rem;
+  justify-content: space-between;
+  align-items: center;
+  max-width: 49rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.llmAccuracyWarning {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: max-content;
+  bottom: 0.5rem;
+  font-size: 12px;
+  color: var(--text-disabled-grey);
+}
+
+.inputContainer {
+  flex-grow: 1;
+  max-width: 49rem;
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+}
+
+.scrollToBottomButton {
+  margin-left: auto;
+  margin-right: auto;
+  background-color: var(--background-default-grey);
+}
+
+.input textarea {
+  max-height: 550px;
+  overflow-y: auto;
+  resize: none;
+  padding-right: 4rem;
+  padding-left: 4rem;
+  padding-top: 1rem;
+}
+
+.inputButtonContainer {
+  position: absolute;
+  bottom: 10px;
+}
+
+.sendMessageButtonContainer {
+  right: 16px;
+}
+
+.inputIcon {
+  border-radius: 50%;
+  display: flex;
+}
+
+.sendMessageIcon::before {
+  margin: auto;
+}
+
+.sendMessageIcon:not(:disabled)::before {
+  transform: translate(-1px, 2px);
+}
+
+.sendMessageIcon:disabled {
+  background-color: var(--background-actionHigh-blueFrance);
+}
\ No newline at end of file