From d5d52d4df94ce4deb85a9e4ced4227a480c1f927 Mon Sep 17 00:00:00 2001
From: Dank Gabs <dankgabs@protonmail.com>
Date: Sat, 20 Jul 2019 00:31:16 -0400
Subject: [PATCH] Added a standard button class for anchor tags to become
 pseudo-buttons. Button and anchor-button render exactly the same. Applied
 standard-small class to create group anchor.

---
 .../gabsocial/features/groups/index/index.js  |  2 +-
 .../styles/gabsocial/components/buttons.scss  | 22 +++++++++++--------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/app/javascript/gabsocial/features/groups/index/index.js b/app/javascript/gabsocial/features/groups/index/index.js
index 14c44e37..d74dc979 100644
--- a/app/javascript/gabsocial/features/groups/index/index.js
+++ b/app/javascript/gabsocial/features/groups/index/index.js
@@ -50,7 +50,7 @@ class Groups extends ImmutablePureComponent {
 
 		return (
 			<div className="group-column-header">
-				<div className="group-column-header__cta"><Link to="/groups/create">{intl.formatMessage(messages.create)}</Link></div>
+				<div className="group-column-header__cta"><Link to="/groups/create" className="button standard-small">{intl.formatMessage(messages.create)}</Link></div>
 				<div className="group-column-header__title">{intl.formatMessage(messages.heading)}</div>
 				
 				<div className="column-header__wrapper">
diff --git a/app/javascript/styles/gabsocial/components/buttons.scss b/app/javascript/styles/gabsocial/components/buttons.scss
index 36481aef..0270c1b7 100644
--- a/app/javascript/styles/gabsocial/components/buttons.scss
+++ b/app/javascript/styles/gabsocial/components/buttons.scss
@@ -1,16 +1,20 @@
-button {
+button,
+a.button {
 	&.standard {
+
+		// NOTE - will define the larger standard buttons here and apply class where used.
+
 		&-small {
-			background: $gab-small-cta-primary;
-			color: white;
-			text-transform: uppercase;
-			letter-spacing: 1px;
-			font-size: 14px;
+			height: 20px;
+			padding: 5px 15px;
 			border: none;
 			border-radius: 4px;
-			height: 25px;
-			padding: 1px 12px;
-			font-weight: bold;
+			@include font-size(11);
+			@include line-height(11);
+			@include font-weight(bold);
+			text-transform: uppercase;
+			color: white;
+			background: $gab-small-cta-primary;
 		}
 	}
 }