Fixing buttons margins

packages/rocketchat-theme/assets/stylesheets/base.less

@@ -33,10 +33,6 @@ button {
 	font-style: inherit;
 }
 
-button:not(.button-block)~button:not(.button-block) {
-	margin-left: 4px;
-}
-
 .allow-text-selection {
 	-webkit-user-select: text;
 	-moz-user-select: text;
@@ -663,7 +659,6 @@ label.required:after {
 	font-weight: 500;
 	font-size: 13px;
 	text-align: center;
-	margin: 4px 0;
 	text-transform: uppercase;
 	word-spacing: 0;
 	line-height: 16px;
@@ -707,19 +702,19 @@ label.required:after {
 			font-weight: 600;
 		}
 	}
-	&.facebook {}
-	&.twitter {}
-	&.google {}
-	&.github {}
-	&.gitlab {}
-	&.trello {}
-	&.meteor-developer {}
 	&.button-block {
 		display: block;
+		margin-bottom: 4px;
 		width: 100%;
 	}
 }
 
+.buttons-group {
+	.button~.button {
+		margin-left: 4px;
+	}
+}
+
 .sec-header {
 	margin: 16px 0;
 	text-align: center;
@@ -4357,7 +4352,7 @@ body:not(.is-cordova) {
 	}
 }
 
-.group-call-buttons {
+.buttons-group {
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: flex;

packages/rocketchat-ui/views/app/videoCall/videoButtons.html

 <template name="videoButtons">
-	<div class="group-call-buttons">
+	<div class="buttons-group">
 		{{#if videoAvaliable}}
 			{{#unless videoActive}}
 				{{#if callInProgress}}

packages/rocketchat-ui/views/app/videoCall/videoCall.html

@@ -30,7 +30,7 @@
 						</div>
 					{{/each}}
 				</div>
-				<div class="group-call-buttons">
+				<div class="buttons-group">
 					{{#if videoActive}}
 						<button class="stop-call button red"><i class="icon-stop"></i>{{_ "Stop"}}</button>
 						{{#if audioEnabled}}