Keep input boxes from overflowing viewport

[civicrm-core.git] / css / civicrm.css

diff --git a/css/civicrm.css b/css/civicrm.css
index 0812e0bf0713c0fc8b72ac44a9a1f7e986992ac9..121be14f4d557bb160e4e4de8ff76080b7b7ee2b 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -3789,7 +3789,7 @@ div.m ul#civicrm-menu,
 .crm-container.ui-dialog {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
 }
-.crm-container.ui-dialog.ui-draggable:before {
+.crm-container.ui-dialog.ui-resizable:before {
   display:block;
   content: " ";
   width: 16px;
@@ -4244,11 +4244,13 @@ span.crm-status-icon {
 
 #crm-container.crm-public input[type="text"],
 #crm-container.crm-public input[type="password"],
+#crm-container.crm-public input[type="email"],
 #crm-container.crm-public select {
   font-size: 15px;
   padding: 5px;
   border-radius: 3px;
   vertical-align: middle;
+  max-width: 100%;
 }
 
 #crm-container.crm-public .label {
@@ -4516,5 +4518,5 @@ span.crm-status-icon {
 
 /* block-ui */
 .crm-container .blockUI.blockOverlay {
-  background: url("../i/loading-overlay.gif") center center no-repeat black;
+  background: url("../i/loading-overlay.gif") center center no-repeat white !important;
 }