Bug 1077653 - Add incoming call button icon spacing. r=dmose
authorTomasz Kołodziejski <tkolodziejski@mozilla.com>
Thu, 30 Oct 2014 09:15:09 +0000
changeset 229302 a2812f546f76704214ec071ee81dbcbf9e654a93
parent 229301 fbe6dcd6b14a6dfe8da70c256666d8e68ed62d7e
child 229303 f9e9a9e2afbaf4f4d3326da033767c68195211ad
push id7326
push userbhearsum@mozilla.com
push dateFri, 28 Nov 2014 15:58:42 +0000
treeherdermozilla-aurora@d3a3b2a0f2f8 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdmose
bugs1077653
milestone36.0a1
Bug 1077653 - Add incoming call button icon spacing. r=dmose
browser/components/loop/content/shared/css/conversation.css
--- a/browser/components/loop/content/shared/css/conversation.css
+++ b/browser/components/loop/content/shared/css/conversation.css
@@ -74,28 +74,29 @@
 }
 
   .standalone-conversation-toolbar-media-btn:hover {
     background-color: rgba(255,255,255,.35);
   }
 
 .fx-embedded-answer-btn-text {
   vertical-align: bottom;
-  /* don't stretch the button if the localized text is too big */
-  max-width: 80%;
+  /* always leave space for the icon (width and margin) */
+  max-width: calc(100% - .8rem - .2rem);
 }
 
 .fx-embedded-btn-icon-video,
 .fx-embedded-btn-icon-audio {
   display: inline-block;
   vertical-align: top;
   width: .8rem;
   height: .8rem;
   background-repeat: no-repeat;
   cursor: pointer;
+  -moz-margin-start: .2rem;
 }
 
 .fx-embedded-btn-icon-video,
 .fx-embedded-btn-video-small,
 .fx-embedded-tiny-video-icon {
   background-image: url("../img/video-inverse-14x14.png");
 }