tidy up, additional ani wrap

src/pages/App.js

@@ -46,7 +46,7 @@ class App extends Component {
         <Web3Connect />
         <BrowserRouter>
           <Switch>
-            <div className="app__switch-wrapper">
+            <div className="app__wrapper">
               <Route exact path="/swap" component={Swap} />
               <Route exact path="/send" component={Send} />
               <Route exact path="/add-liquidity" component={Pool} />

src/pages/App.scss

 @import "../variables.scss";
 
 .app {
-  &__switch-wrapper {
+  &__wrapper {
     height: 100%;
     position: relative;
 

src/pages/Pool/CreateExchange.js

@@ -181,6 +181,8 @@ class CreateExchange extends Component {
             'header--inactive': !isConnected,
           })}
         />
+
+        <div className='ani_title_fade_in'>
           <ModeSelector title="Create Exchange" />
           <AddressInputPanel
             title="Token Address"
@@ -213,6 +215,7 @@ class CreateExchange extends Component {
             </button>
           </div>
         </div>
+      </div>
     );
   }
 }

src/pages/Pool/RemoveLiquidity.js

@@ -359,6 +359,9 @@ class RemoveLiquidity extends Component {
             'header--inactive': !isConnected,
           })}
         />
+
+        <div className='ani_title_fade_in'>
+
           <ModeSelector title="Remove Liquidity" />
           <CurrencyInputPanel
             title="Pool Tokens"
@@ -390,6 +393,7 @@ class RemoveLiquidity extends Component {
             </button>
           </div>
         </div>
+      </div>
     ];
   }
 }