Move all HUD .style declarations into vimium.css

2 files changed, 4 insertions, 7 deletions

diff --git a/content_scripts/hud.coffee b/content_scripts/hud.coffee
index bc3befee..2f95c4fe 100644
--- a/content_scripts/hud.coffee
+++ b/content_scripts/hud.coffee
@@ -28,16 +28,11 @@ HUD =
   #
   # Retrieves the HUD HTML element.
   #
-  displayElement: ->
-    if (!@_displayElement)
-      @_displayElement = @createHudElement()
-      # Keep this far enough to the right so that it doesn't collide with the "popups blocked" chrome HUD.
-      @_displayElement.style.right = "150px"
-    @_displayElement
+  displayElement: -> @_displayElement ?= @createHudElement()
 
   createHudElement: ->
     element = document.createElement("div")
-    element.className = "vimiumReset vimiumHUD"
+    element.className = "vimiumReset vimiumHUD vimiumUIComponentHidden"
     document.body.appendChild(element)
     element
 
diff --git a/content_scripts/vimium.css b/content_scripts/vimium.css
index 5180fb22..a3ea5a70 100644
--- a/content_scripts/vimium.css
+++ b/content_scripts/vimium.css
@@ -237,6 +237,8 @@ div.vimiumHUD {
   display: block;
   position: fixed;
   bottom: 0px;
+  /* Keep this far enough to the right so that it doesn't collide with the "popups blocked" chrome HUD. */
+  right: 150px;
   color: black;
   height: auto;
   min-height: 13px;