Fixed the height and responsive layout of account settings

Author: sdivyanshu90

client/styles/components/_account.scss

@@ -3,7 +3,7 @@
     color: getThemifyVariable('primary-text-color');
     background-color: getThemifyVariable('background-color');
   }
-  height: 100%;
+  min-height: 100%;
 }
 
 .account-settings {
@@ -29,3 +29,22 @@
 .account__social-stack > * {
   margin-right: #{15 / $base-font-size}rem;
 }
+
+// @media screen and (max-width: 767px) {
+//   .social_button_github,
+//   .social_button_google {
+//     display: block;
+//     width: 100%;
+//     margin-bottom: 10px;
+//   }
+// }
+
+@media screen and (min-width: 10%) {
+  .social_button_github,
+  .social_button_google {
+    display: inline-block;
+    width: auto;
+    margin-bottom: 0;
+  }
+}
+

client/styles/components/_forms.scss

@@ -52,7 +52,7 @@
 
 .form__input {
   width: 100%;
-  min-width: #{360 / $base-font-size}rem;
+  min-width: 10%;
   height: #{40 / $base-font-size}rem;
   font-size: #{16 / $base-font-size}rem;
   @include themify() {

client/styles/components/_nav.scss

@@ -19,6 +19,7 @@
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
+  min-width: 10%;
   height: 100%;
   align-items: center;
 }