fix: minor UI issues fixed

ByFishh · Dec 5, 2023 · 0484c52 · 0484c52
1 parent b99f8fa
commit 0484c52
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 17 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Advertising/Advertising.css b/src/components/Advertising/Advertising.css
@@ -1,5 +1,6 @@
 .ad-container {
     cursor: pointer;
+    width: 100%;
 }
 
 .ad-container img {

diff --git a/src/components/Advertising/Advertising.logic.tsx b/src/components/Advertising/Advertising.logic.tsx
@@ -3,6 +3,7 @@ import { IAppDispatch, IRootState } from '../../redux/store';
 import { useState } from 'react';
 import { setDialog } from '../../redux/reducer/dialogReducer';
 import { IDialogs } from '../../types/Dialogs/IDialogs';
+import './Advertising.css';
 
 export const useAdvertising = () => {
   const { currentBlockchain } = useSelector((s: IRootState) => s.blockchain);

diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css
@@ -7,23 +7,24 @@
     padding: 3rem;
     color: white;
     flex-shrink: 0;
-    height: 245px;
 }
 
 .footer-logo-container {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 1.5rem;
-  }
-  .footer-logo-container img {
+}
+
+.footer-logo-container img {
     width: 40px;
     margin-right: 0.75rem;
-  }
-  .footer-logo-container p {
+}
+
+.footer-logo-container p {
     font-size: 1.25rem;
     color: #ffffff;
-  }
+}
 
 .footer-left{
     display: flex;
@@ -43,16 +44,13 @@
 
 .footer-credential-container{
     display: flex;
-    justify-content: center;
-    align-items: center;
+    justify-content: flex-start;
+    align-items: flex-start;
     flex-flow: column nowrap;
-
-
 }
 
 .footer-credential-item:first-child{
     margin-bottom: 2rem;
-
 }
 
 .footer-credential-item-title{
@@ -63,7 +61,7 @@
 
 .footer-credential-item-link{
     font-size: .85rem;
-
+    margin-bottom: .5rem;
 }
 
 .footer-powered{
@@ -82,13 +80,9 @@
     }  
 }
 
-@media screen and (max-width: 768px){
+@media screen and (max-width: 500px){
     .footer-container{
         flex-flow: column nowrap;
         align-items: flex-start;
     }
-
-    .footer-credential-section {
-        margin-bottom: 3rem;
-    }
 }