From a4e1fb3c24088b3bb57c3b3f41fd28aba07f7321 Mon Sep 17 00:00:00 2001
From: Christopher Rogers <chrissrogers@gmail.com>
Date: Wed, 16 Apr 2014 15:05:05 -0700
Subject: [PATCH] Adds js handler for setting search info box width equal to
 content width

Signed-off-by: Christopher Rogers <chrissrogers@gmail.com>
---
 source/javascripts/app/search.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/source/javascripts/app/search.js b/source/javascripts/app/search.js
index e1fca62..d443a39 100644
--- a/source/javascripts/app/search.js
+++ b/source/javascripts/app/search.js
@@ -1,7 +1,7 @@
 (function (global) {
 
   var $global = $(global);
-  var content, searchInfo;
+  var content, darkBox, searchInfo;
   var highlightOpts = { element: 'span', className: 'search-highlight' };
 
   var index = new lunr.Index;
@@ -33,11 +33,16 @@
 
   function bind () {
     content = $('.content');
+    darkBox = $('.dark-box');
     searchInfo = $('.search-info');
+
     $('#input-search')
       .on('keyup', search)
       .on('focus', active)
       .on('blur', inactive);
+
+    $global.on('resize', resize);
+    resize();
   }
 
   function search (event) {
@@ -88,4 +93,8 @@
     content.unhighlight(highlightOpts);
   }
 
+  function resize () {
+    searchInfo.innerWidth(content.innerWidth() - darkBox.innerWidth());
+  }
+
 })(window);