small fixes

ui/src/components/OasModal/OasModal.module.sass

@@ -9,11 +9,11 @@
     display: flex
     align-items: center
     width: 100%
-    margin-top: -1%;
+    margin-top: -1%
 
 .openApilogo
-    width: 30px
-    
+    width: 36px
+
 .title
     color:#494677
     font-family: Lato
@@ -26,3 +26,4 @@
 .redoc
     height: 98%
     overflow-y: scroll
+

ui/src/components/OasModal/OasModal.tsx

@@ -161,14 +161,14 @@ const OasModal = ({ openModal, handleCloseModal }) => {
                 </div>
             </div>
             <div style={{ cursor: "pointer" }}>
-              <img src={closeIcon} alt="Back" onClick={handleCloseModal} />
+              <img src={closeIcon} alt="close" onClick={handleCloseModal} />
             </div>
           </div>
           <div className={style.redoc}>
           {selectedServiceSpec && <RedocStandalone 
                                     spec={selectedServiceSpec}   
                                     options={redocThemeOptions}/>}
-            </div>
+          </div>
         </Box>
       </Fade>
     </Modal>

ui/src/components/Pages/TrafficPage/TrafficPage.tsx

@@ -281,7 +281,7 @@ export const TrafficPage: React.FC<TrafficPageProps> = ({setAnalyzeStatus}) => {
             </div>
           </div>
         </div>
-        <div style={{ display: 'flex' }}>
+        <div style={{ display: 'flex', height: "100%" }}>
           {window["isOasEnabled"] && <Button
             startIcon={<img className="custom" src={services} alt="services"></img>}
             size="large"

ui/src/index.sass

@@ -147,5 +147,10 @@ button
 ::-webkit-scrollbar-corner
   display: none
 
+// remove powerdby
 .sc-ilfuhL
   display: none !important
+
+// enable view elements inside redoc  
+.sc-dwsnSq
+  height: 80vh !important