Updated front-end to match back-end and better styling

src/layout/components/Button.tsx

@@ -4,20 +4,23 @@ interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonE
 
 }
 
-export const GHButton: FunctionComponent<ButtonProps> = (props) => {
-
-    const {className, ...rest} = props;
-
-    return (
-        <button className={`gh-button ${className}`} {...rest}></button>
-    );
-}
-
 export const NoButton: FunctionComponent<ButtonProps> = (props) => {
 
     const {className, ...rest} = props;
 
     return (
-        <button className={`no-button ${className}`} {...rest}></button>
+        <button className={getClassName("no-button", className)} {...rest}/>
     );
+}
+
+export const Button: FunctionComponent<ButtonProps> = (props) => {
+    const {className, ...rest} = props;
+
+    return (
+        <button className={getClassName("button", className)} {...rest}/>
+    );
+}
+
+const getClassName = (templateClass: string, otherClass?: string) => {
+    return templateClass + (otherClass ? ` ${otherClass}` : "");
 }