Added a "buttons" component file to css stack.

Removed button style spec from group form into a re-usable class.

app/javascript/gabsocial/features/groups/create/index.js

@@ -82,7 +82,6 @@ class Create extends React.PureComponent {
 						placeholder={intl.formatMessage(messages.title)}
 					/>
 				</div>
-					
 				<div>
 					<input
 						className='group-form__input'
@@ -92,12 +91,10 @@ class Create extends React.PureComponent {
 						placeholder={intl.formatMessage(messages.description)}
 					/>
 				</div>
-
 				<div>
 					<label htmlFor='group_cover_image' className={classNames('group-form__file-label', { 'group-form__file-label--selected': coverImage !== null })}>
 						<Icon id='camera' /> {intl.formatMessage(coverImage === null ? messages.coverImage : messages.coverImageChange)}
 					</label>
-					
 					<input
 						type='file'
 						className='group-form__file'
@@ -105,8 +102,7 @@ class Create extends React.PureComponent {
 						disabled={disabled}
 						onChange={this.handleCoverImageChange}
 					/>
-
-					<button>{intl.formatMessage(messages.create)}</button>
+					<button className='standard-small'>{intl.formatMessage(messages.create)}</button>
 				</div>
 			</form>
 		);

app/javascript/styles/application.scss

@@ -18,6 +18,7 @@
 @import 'gabsocial/components';
 
 // COMPONENTS
+@import 'gabsocial/components/buttons';
 @import 'gabsocial/components/tabs-bar';
 @import 'gabsocial/components/dropdown-menu';
 @import 'gabsocial/components/modal';

app/javascript/styles/gabsocial/components/buttons.scss

@@ -0,0 +1,19 @@
+button {
+	&.standard {
+		&-small {
+			background: $gab-blue;
+			color: white;
+			text-transform: uppercase;
+			letter-spacing: 1px;
+			font-size: 14px;
+			border: none;
+			border-radius: 4px;
+			height: 25px;
+			padding: 1px 12px;
+			font-weight: bold;
+		}
+	}
+}
+
+
+

app/javascript/styles/gabsocial/components/group-form.scss

@@ -49,18 +49,5 @@
         position: absolute;
         pointer-events: none;
     }
-
-    button {
-        background: $gab-blue;
-        color: white;
-        text-transform: uppercase;
-        letter-spacing: 1px;
-        font-size: 14px;
-        border: none;
-        border-radius: 4px;
-        height: 25px;
-        padding: 1px 12px;
-        font-weight: bold;
-        float: right;
-    }
+    button {float: right;}
 }