Shade comment no longer appears in mobile view.

Author: xenatisch

src/components/MapTable/MapTable.js

@@ -206,7 +206,7 @@ export class MapTable extends Component<MapTableProps, {}> {
                         <Styles.ChildrenContainer>
                 <Description text={
                     `Rates per ${ numeral(RatePerPopulation).format("0,0") } resident population.
-                    ${parsedHash.map === "rate"
+                    ${!isMobile && parsedHash.map === "rate"
                         ? ` Darker shades have higher rates.` 
                         : ""}` }
                 />

src/components/MapTable/MapTable.styles.js

@@ -98,6 +98,11 @@ export const ChildrenContainer: ComponentType<*> = (() => {
     return styled.div`
     display: flex;
     flex-direction: column;
+    align-contents: stretch;
+    
+    &>* {
+        width: 100%;
+    }
 
     @media only screen and (max-width: 768px) {
       height: unset;