Merge pull request #4208 from withspectrum/2.4.64

2.4.64

Author: brianlovin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Spectrum",
-  "version": "2.4.63",
+  "version": "2.4.64",
   "license": "BSD-3-Clause",
   "devDependencies": {
     "@babel/preset-flow": "^7.0.0",

src/components/themedSection/index.js

@@ -30,6 +30,8 @@ export const Primary = styled(Default)`
       ${hexa(theme.brand.alt, 0.75)}, ${theme.space.dark}
     )`};
   color: ${theme.text.reverse};
+  display: flex;
+  flex: 1 0 auto;
 `;
 
 export const Brand = styled(Default)`
@@ -39,6 +41,8 @@ export const Brand = styled(Default)`
     ${({ theme }) => `${theme.brand.alt}, ${theme.brand.default}`}
   );
   color: ${theme.text.reverse};
+  display: flex;
+  flex: 1 0 auto;
 `;
 
 export const Dark = styled(Default)`
@@ -48,6 +52,8 @@ export const Dark = styled(Default)`
     ${({ theme }) => `${theme.space.dark}, ${theme.brand.default}`}
   );
   color: ${theme.text.reverse};
+  display: flex;
+  flex: 1 0 auto;
 `;
 
 export const Space = styled(Default)`
@@ -57,11 +63,15 @@ export const Space = styled(Default)`
     ${({ theme }) => `${theme.space.alt}, ${theme.space.dark}`}
   );
   color: ${theme.text.reverse};
+  display: flex;
+  flex: 1 0 auto;
 `;
 
 export const Light = styled(Default)`
   background-color: ${theme.space.alt};
   color: ${theme.text.reverse};
+  display: flex;
+  flex: 1 0 auto;
 `;
 
 export const Bright = styled(Default)`
@@ -71,6 +81,8 @@ export const Bright = styled(Default)`
     ${({ theme }) => `${theme.space.alt}, ${theme.brand.default}`}
   );
   color: ${theme.text.reverse};
+  display: flex;
+  flex: 1 0 auto;
 `;
 
 export const Grayscale = styled(Default)`
@@ -80,19 +92,28 @@ export const Grayscale = styled(Default)`
     ${({ theme }) => `${theme.text.alt}, ${theme.bg.reverse}`}
   );
   color: ${theme.text.reverse};
+  display: flex;
+  flex: 1 0 auto;
 `;
 
 export const Reverse = styled(Default)`
   background-color: ${theme.bg.reverse};
   background-image: none;
   color: ${theme.text.reverse};
+  display: flex;
+  flex: 1 0 auto;
 `;
 
 export const Blank = styled(Default)`
   background-image: none;
+  display: flex;
+  flex: 1 0 auto;
 `;
 
 export const Illustrated = styled(Default)`
+  display: flex;
+  flex: 1 0 auto;
+
   > img {
     opacity: 0.15;
 

src/views/explore/components/communitySearchWrapper.js

@@ -20,6 +20,7 @@ const CommunitySearchWrapper = props => {
     margin-top: 40px;
     margin-bottom: 0;
     padding: 16px;
+    padding-bottom: 48px;
 
     @media (max-width: 640px) {
       margin-top: 80px;