fix(#150): fixed arrow direction

packages/bruno-app/src/components/ResponsePane/Overlay/StyledWrapper.js

@@ -14,6 +14,11 @@ const StyledWrapper = styled.div`
     padding-top: 20%;
     overflow: hidden;
     text-align: center;
+
+    .loading-icon {
+      transform: scaleY(-1);
+      animation: rotateCounterClockwise 1s linear infinite;
+    }
   }
 `;
 

packages/bruno-app/src/components/ResponsePane/Overlay/index.js

@@ -20,7 +20,7 @@ const ResponseLoadingOverlay = ({ item, collection }) => {
             <StopWatch />
           </div>
         </div>
-        <IconRefresh size={24} className="animate-spin" />
+        <IconRefresh size={24} className="loading-icon" />
         <button
           onClick={handleCancelRequest}
           className="mt-4 uppercase btn-md rounded btn-secondary ease-linear transition-all duration-150"

packages/bruno-app/src/globalStyles.js

@@ -129,6 +129,24 @@ const GlobalStyle = createGlobalStyle`
     }
   }
 
+  @keyframes rotateClockwise {
+    0% {
+      transform: scaleY(-1) rotate(0deg);
+    }
+    100% {
+      transform: scaleY(-1) rotate(360deg);
+    }
+  }
+
+  @keyframes rotateCounterClockwise {
+    0% {
+      transform: scaleY(-1) rotate(360deg);
+    }
+    100% {
+      transform: scaleY(-1) rotate(0deg);
+    }
+  }
+
   // codemirror
   .CodeMirror {
     .cm-variable-valid {