'Bubble' tab bar

Author: WrathfulSpatula

src/App.css

@@ -120,11 +120,6 @@ form > .row > label {
   max-height: 180px;
 }
 
-.metriq-nav-tab-bar {
-  border-radius: 16px;
-  background-color: #FFFFFF;
-}
-
 .submission {
   border-radius: 16px;
   margin: 6px;

src/views/Home.js

@@ -6,7 +6,7 @@ const Home = (props) => {
     <div id='metriq-main-content' className='container'>
       <header><h5>Top Submissions {props.match ? 'for "' + props.match.params.tag + '"' : ''}</h5></header>
       <br />
-      <Tabs defaultActiveKey='trending' id='top-submissions-tabs' className='metriq-nav-tab-bar'>
+      <Tabs defaultActiveKey='trending' id='top-submissions-tabs'>
         <Tab eventKey='trending' title='Trending' className='metriq-nav-tab'>
           <SubmissionScroll sortType='trending' isLoggedIn={props.isLoggedIn} tag={props.match ? props.match.params.tag : ''} />
         </Tab>