Adjust font sizes

frontend/src/components/AutoComplete.js

@@ -72,7 +72,8 @@ const AutoComplete = ({ languages, onComplete }) => {
           marginTop: '1rem',
           maxWidth: '600px',
           justifyContent: 'center',
-          color: '#555'
+          color: '#555',
+          fontSize: '0.8rem'
         }}
       >
         <span>Examples:</span>

frontend/src/index.css

@@ -5,7 +5,6 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-size: 10pt;
 }
 
 code {
@@ -17,6 +16,15 @@ html, body, #root {
   height: 100%;
 }
 
+.p-component, .pi {
+  font-size: 0.8rem;
+}
+
+.p-icon {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
 .p-datatable-wrapper {
   scrollbar-color: #f0f0f0 rgba(0, 0, 0, 0);
   border-radius: 0 0 10px 10px;