fix the overflowing style issue and update the generic landing term

Author: Serhii Prykhozhyi

client/src/app.js

@@ -31,7 +31,7 @@ export default function main({ DOM, HTTP, route, storage, scanner: scan$, search
   /// User actions
   , page$     = route()
   , goHome$ = route('/')
-  , goLanding$= route('/explorer-api')
+  , goAPILanding$= route('/explorer-api')
   , goBlocks$   = route('/blocks/recent').map(loc => ({ start_height: loc.query.start != null ? +loc.query.start : null }))
   , goBlock$  = route('/block/:hash').map(loc => ({ hash: loc.params.hash, start_index: +loc.query.start || 0 }))
   , goHeight$ = route('/block-height/:height').map(loc => loc.params.height)
@@ -227,7 +227,7 @@ export default function main({ DOM, HTTP, route, storage, scanner: scan$, search
   // Currently visible view
   , view$ = O.merge(page$.mapTo(null)
                   , goHome$.mapTo('dashBoard')
-                  , goLanding$.mapTo('landing')
+                  , goAPILanding$.mapTo('apiLanding')
                   , goBlocks$.mapTo('recentBlocks')
                   , goRecent$.mapTo('recentTxs')
                   , block$.filter(notNully).mapTo('block')
@@ -244,7 +244,7 @@ export default function main({ DOM, HTTP, route, storage, scanner: scan$, search
 
   // Page title
   , title$ = O.merge(page$.mapTo(null)
-                   , goLanding$.withLatestFrom(t$, (_, t) => t`Explorer API`)
+                   , goAPILanding$.withLatestFrom(t$, (_, t) => t`Explorer API`)
                    , block$.filter(notNully).withLatestFrom(t$, (block, t) => t`Block #${block.height}: ${block.id}`)
                    , tx$.filter(notNully).withLatestFrom(t$, (tx, t) => t`Transaction: ${tx.txid}`)
                    , addr$.filter(notNully).withLatestFrom(goAddr$, t$, (_, goAddr, t) => t`Address: ${goAddr.display_addr}`)

client/src/views/index.js

@@ -1,5 +1,5 @@
 export { dashBoard }       from './home'
-export { default as landing } from './lander'
+export { default as apiLanding } from './lander'
 export { recentBlocks }       from './blocks-all'
 export { recentTxs }          from './transactions-all'
 export { default as block }   from './block'

client/src/views/lander.js

@@ -183,6 +183,6 @@ const LandingPage = ({ t, ...S }) => layout(
 
       </div>
   </div>
-, { t, activeTab: 'landing', ...S })
+, { t, activeTab: 'apiLanding', ...S })
 
 export default LandingPage

client/src/views/sub-navbar.js

@@ -9,7 +9,7 @@ export default ( t, isTouch, activeTab) =>
         <a href="blocks/recent" class={{ active: activeTab == 'recentBlocks' }}>Blocks</a>
         <a href="tx/recent" class={{ active: activeTab == 'recentTxs' }}>Transactions</a>
         { process.env.IS_ELEMENTS ? <a href="assets" class={{ active: activeTab == 'assets' }}>Assets<sup className="highlight"></sup></a> : "" }
-        <a href="/explorer-api" class={{ active: activeTab == 'landing' }}>Explorer API</a>
+        <a href="/explorer-api" class={{ active: activeTab == 'apiLanding' }}>Explorer API</a>
       </div>
 
       { search({ t, autofocus: !isTouch }) }

www/style.css

@@ -2954,7 +2954,6 @@ h3.table-title{
 /* Landing Page */
 
 .landing-page {
-  margin-bottom: -100px;  
   position: relative;
 }