minor changes to SCSS styles

client/modules/User/components/GoogleButton.jsx

@@ -2,7 +2,6 @@ import InlineSVG from 'react-inlinesvg';
 import PropTypes from 'prop-types';
 import React from 'react';
 
-// const googleUrl = require('../../../images/google.svg');
 import googleUrl from '../../../images/google.svg';
 
 function GoogleButton(props) {

client/modules/User/pages/LoginView.jsx

@@ -10,11 +10,9 @@ import { validateLogin } from '../../../utils/reduxFormUtils';
 import GithubButton from '../components/GithubButton';
 import GoogleButton from '../components/GoogleButton';
 
-
 const exitUrl = require('../../../images/exit.svg');
 const logoUrl = require('../../../images/p5js-logo.svg');
 
-
 class LoginView extends React.Component {
   constructor(props) {
     super(props);

client/styles/components/_github-button.scss

@@ -37,7 +37,7 @@
       border-color: getThemifyVariable('secondary-text-color');
     }
   }
-  margin-top: 4px;
+  margin-top: #{4 / $base-font-size}rem;
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -46,7 +46,7 @@
 }
 
 .google-icon {
-  width: 32px;
-  height: 32px;
+  width: #{32 / $base-font-size}rem;
+  height: #{32 / $base-font-size}rem;
   margin-right: #{10 / $base-font-size}rem;
 }