UI-3344: Fit edit device dialog to viewport height (#142)

submodules/devices/devices.js

@@ -758,9 +758,8 @@ define(function(require) {
 			});
 
 			var popup = monster.ui.dialog(templateDevice, {
-				position: ['center', 20],
 				title: popupTitle,
-				dialogClass: 'voip-edit-device-popup overflow-visible'
+				dialogClass: 'voip-edit-device-popup'
 			});
 		},
 

submodules/devices/devices.scss

@@ -223,10 +223,6 @@
 }
 
 /* Adding / Edition Devices Popups */
-.overflow-visible .ui-dialog-content {
-	overflow: visible;
-}
-
 .voip-edit-device-popup .edit-device {
 	width: 700px;
 }
@@ -244,7 +240,6 @@
 
 .voip-edit-device-popup .edit-device .title-bar {
 	border-bottom: 1px solid #ccc;
-	margin-bottom: 20px;
 	padding: 15px 0;
 }
 
@@ -276,6 +271,10 @@
 	margin-right: 15px;
 }
 
+.voip-edit-device-popup .edit-device .content {
+	padding-top: 1.5rem;
+}
+
 .voip-edit-device-popup .edit-device .content .tabs-section.keys {
 	padding: 0 20px;
 }
@@ -438,6 +437,10 @@
 			}
 		}
 
+		&[data-section="featureKeys"] input[type="text"] {
+			width: 190px;
+		}
+
 		&[data-section="comboKeys"]{
 			.control-group {
 				padding: 1rem;