Release 10/25/24-1

web/src/features/EthWallet/components/EthWalletConnector/EthWalletConnector.tsx

@@ -24,7 +24,7 @@ export default function EthWalletConnector() {
             providers.map((provider) => (
               <button
                 type="button"
-                className="button is-tall"
+                className="button is-tall mt-2"
                 key={provider.info.uuid}
                 onClick={() => handleConnect(provider, defaultChain)}
               >

web/src/pages/BridgePage/BridgePage.tsx

@@ -42,7 +42,7 @@ export default function BridgePage(): React.ReactElement {
     <section className="">
       <div className="container px-2">
         <div className="columns is-centered is-vcentered is-fullheight-with-navbar">
-          <div className="column is-12-mobile is-8-tablet is-6-desktop">
+          <div className="column is-12-mobile is-8-tablet is-8-desktop is-6-widescreen">
             <div className="card">
               <div className="tabs is-fullwidth">
                 <ul>

web/src/styles/columns-customizations.scss

@@ -0,0 +1,3 @@
+.columns {
+  margin-top: 0;
+}

web/src/styles/index.scss

@@ -32,6 +32,7 @@ html, body {
 // NOTE - these css customizations must be imported AFTER bulma to override the css classes
 @import 'button-customizations';
 @import 'card-customizations';
+@import 'columns-customizations';
 @import 'dropdown-customizations';
 @import 'form-customizations';
 @import 'modal-customizations';
@@ -46,8 +47,8 @@ body {
 }
 
 .is-fullheight-with-navbar {
-  // viewport height minus navbar height minus footer height minus margins
-  min-height: calc(100vh - 72px - 24px)
+  // viewport height minus navbar height
+  min-height: calc(100vh - 85px)
 }
 
 .notifications-toast-container {

web/src/styles/navbar-customizations.scss

@@ -5,6 +5,10 @@
   padding: 1rem 2rem;
   border-bottom: 1px solid $astria-grey-lighter;
 
+  @include mobile {
+    padding: 0;
+  }
+
   .navbar-menu {
     .navbar-middle {
       display: flex;