added border radius to easily distinguish text and speech text.

UoaWDCC · Jul 29, 2023 · a3cf19f · a3cf19f
1 parent 8d37280
commit a3cf19f
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/src/containers/pages/AuthoringTool/Components/SpeechTextComponent.js b/frontend/src/containers/pages/AuthoringTool/Components/SpeechTextComponent.js
@@ -38,7 +38,12 @@ export default function SpeechTextComponent({ id, onClick, component }) {
       />
 
       <Typography
-        style={{ borderWidth, flex: 1 }}
+        style={{
+          borderWidth,
+          flex: 1,
+          borderRadius: "10px",
+          borderTopRightRadius: 0,
+        }}
         className={speechTextComponentStyles}
       >
         {component.text}