Updating footer styles. Updated to options v2.

Author: peterdotjs

css/style.less

@@ -463,29 +463,47 @@ button.disabled {
 	display: none;
 	position: relative;
 	bottom: 0px;
-	margin: 100px 50px 25px 50px;
+	margin: 80px 50px 45px 50px;
 	.font-family();
 
+  #ext-title {
+		position: absolute;
+		left: -36px;
+		bottom: -32px;
+
+		.title {
+			a {
+				color: #005579;
+			}
+			font-size: 13px;
+			font-weight: bold;
+		}
+	}
+
 	.signature {
 		position: absolute;
-	    bottom: -22px;
+	    bottom: -32px;
 	    font-size: 13px;
-	    right: -45px;
+	    right: -42px;
 	    font-weight: bold;
+
+			li {
+				display: inline;
+			}
+
 	    a {
 	    	color: #005579;
 	    	padding-right: 5px;
 	    }
 
 	    .rate-it, .keyboard-shortcuts {
-	    	border-left: 1px solid silver;
 	    	padding-left: 5px;
 	    	padding-right: 5px;
 	    }
 	}
 
 	.switch-toggle {
-		top: -80px;
+		top: -60px;
 		left: 0px;
 		width: 100%;
 
@@ -558,25 +576,25 @@ button.disabled {
 	    right: 21px;
 	    top: 12px;
 	    width: 200px;
-	    height: 30px;		
+	    height: 30px;
 	}
 
 	.layout-option {
 	    position: absolute;
 	    left: 20px;
 	    top: 6px;
 	    width: 180px;
-	    height: 25px;	
-	    
+	    height: 25px;
+
 	    label {
 		    font-size: 14px;
-		    line-height: 25px;	    	
+		    line-height: 25px;
 	    }
 	}
 
 	.scaled-input-container {
 		display: none;
-	    position: absolute;                                      
+	    position: absolute;
 	    right: -3px;
 	    top: 60px;
 
@@ -1032,7 +1050,7 @@ body {
 
 	.tab-layer-2 {
 		width: 40%;
-		height: 100%;	
+		height: 100%;
 
 		.fav-icon {
 			top: 35px;
@@ -1056,7 +1074,7 @@ body {
 
 	.tab-layer-2 {
 		width: 33%;
-		height: 100%;	
+		height: 100%;
 
 		.fav-icon {
 			top: 35px;
@@ -1080,7 +1098,7 @@ body {
 
 	.tab-layer-2 {
 		width: 100%;
-		height: 40%;	
+		height: 40%;
 
 		.fav-icon {
 			top: 15px;
@@ -1107,7 +1125,7 @@ body {
 
 	.tab-layer-2 {
 		width: 100%;
-		height: 33%;	
+		height: 33%;
 
 		.fav-icon {
 			top: 12px;
@@ -1138,7 +1156,7 @@ body {
 	z-index: 10;
 	.header-title {
 		border-bottom: 2px solid grey;
-		padding-bottom: 10px;	
+		padding-bottom: 10px;
 		margin-bottom: 0px;
 	}
 
@@ -1148,4 +1166,4 @@ body {
 		font-size: 16px;
 		margin-bottom: 20px;
 	}
-}
+}

index.html

@@ -42,15 +42,29 @@
 				</div>
 			</div>
 			<div id="display-setting-layer">
-				<div class="signature"><a title="Developed by peterdotjs - http://peterdotjs.com" target="_blank" href="http://peterdotjs.com">peterdotjs</a><a title="If you like Tab Resize you can help me by rating it &#9733; 5 stars and leaving a nice little review" class="rate-it" target="_blank" href="https://chrome.google.com/webstore/detail/tab-resize-split-screen-l/bkpenclhmiealbebdopglffmfdiilejc/reviews">&#9733; rate it</a><a class="keyboard-shortcuts" target="_blank" href="javascript:;" title="keyboard shortcuts">hotkeys</a></div>
+				<div id="ext-title" class="track-me">
+					<div class="title">Tab Resize <span>by</span> <a class="author" title="Developed by peterdotjs - http://peterdotjs.com" target="_blank" href="http://peterdotjs.com">peterdotjs</a></div>
+				</div>
+				<ul class="signature track-me">
+					<li>
+						<a title="If you like Tab Resize you can help me by rating it &#9733; 5 stars and leaving a nice little review" class="rate-it" target="_blank" href="https://chrome.google.com/webstore/detail/tab-resize-split-screen-l/bkpenclhmiealbebdopglffmfdiilejc/reviews">&#9733; rate it</a>
+					</li>
+					<li>&#183;</li>
+					<li>
+						<a class="keyboard-shortcuts" target="_blank" href="javascript:;" title="keyboard shortcuts">shortcut keys</a>
+					</li>
+					<li>&#183;</li>
+					<li>
+						<a class="options" target="_blank" href="/options.html" title="options">options</a>
+					</li>
+				</ul>
 				<div class="switch-toggle switch-candy">
 					<input id="left" name="view" type="radio" checked>
 					<label for="left" title="Left align tabs during resize">Left Align</label>
 					<input id="right" name="view" type="radio">
 					<label for="right" title="Right align tabs during resize">Right Align</label>
 					<a></a>
 				</div>
-				<div class="display-settings-divider"></div>
 			</div>
 		</div>
 		<div class="custom-view modal-box hidden">
@@ -147,15 +161,15 @@
 						<strong>Keyboard Shortcut/Hotkeys enabled </strong> - You can now use tab resize with just keyboard shortcuts rather than opening up the extension from the icon. Add your own custom shotcut keys for various layout types by clicking here: <a class="keyboard-shortcuts" href="javascript:;" target="_blank">Keyboard shortcuts/hotkeys</a>
 					</li>
 				</ul>
-				
+
 				<div class="additional-message bold">
 					-- Past change log <a href="/options.html" target="_blank">details</a> --
 				</div>
 
 				<div class="update-list-footer bold">
 					You can checkout the <a target="_blank" href="https://www.youtube.com/watch?v=GFHl98nAV04" title="https://www.youtube.com/watch?v=GFHl98nAV04">video demo</a> for a more detailed description of how to use the extension.
 				</div>
-				
+
 				<div class="additional-message bold">If you like the extension and find it useful please show your support by rating it in the <a target="_blank" href="https://chrome.google.com/webstore/detail/tab-resize-split-screen-l/bkpenclhmiealbebdopglffmfdiilejc/reviews" title="https://chrome.google.com/webstore/detail/tab-resize-split-screen-l/bkpenclhmiealbebdopglffmfdiilejc/reviews">web store</a>. Thanks! -Peter</div>
 			</div>
 			<div class="modal-footer">
@@ -179,7 +193,7 @@
 					</li>
 					<li class="update-entry">
 						Search results in one location. Navigate to links in just a few keystrokes.
-					</li>					
+					</li>
 					<li class="update-entry">
 						Case match, link search, highlight all toggle, highlight and then search.
 					</li>
@@ -195,4 +209,4 @@
 		</div>
 		<script type="text/javascript" src="js/lib/sortable.js"></script>
 	</body>
-</html>
+</html>

js/main.js

@@ -138,10 +138,13 @@
 		options.hidePromoModal();
 	}).on('click','#warning-apply',function(){
 		options.hideWarningModal();
-	}).on('click','.signature a',function(){
-		if($(this).hasClass('rate-it')){
+	}).on('click','.track-me a',function(){
+		var $this = $(this);
+		if($this.hasClass('rate-it')){
 			sendTracking('info-links','rate-it');
-		} else if ($(this).hasClass('signature')) {
+		} else if ($this.hasClass('options')) {
+			sendTracking('info-links','options');
+		} else if ($this.hasClass('author')) {
 			sendTracking('info-links','author');
 		} else {
 			sendTracking('info-links','keyboard-shortcuts');
@@ -179,4 +182,4 @@
 		sendTracking('custom-layout',$(this).attr('id'));
 	});
 
-})();
+})();

manifest.json

@@ -1,8 +1,9 @@
 {
   "name": "Tab Resize - split screen layouts",
   "short_name": "Tab Resize",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "manifest_version": 2,
+  "minimum_chrome_version": "30",
   "description": "Split Screen made easy. Resize the CURRENT tab and tabs to the RIGHT into layouts on separate windows. w/ Multi Monitor Support.",
   "browser_action": {
     "default_icon": "images/icons/icon128.png",
@@ -19,6 +20,10 @@
   "offline_enabled": true,
   "content_security_policy": "script-src 'self' https://www.google-analytics.com; object-src 'self'",
   "options_page": "options.html",
+  "options_ui": {
+    "page": "options.html",
+    "chrome_style": true
+  },
   "commands": {
     "tab-resize-undo": {
       "description": "Undo previous resize"
@@ -57,4 +62,4 @@
       "description": "Resize 7:3 vertical layout"
     }
   }
- }
+ }

public/style.css

@@ -1162,10 +1162,13 @@ if(!deferTracking) {
 		options.hidePromoModal();
 	}).on('click','#warning-apply',function(){
 		options.hideWarningModal();
-	}).on('click','.signature a',function(){
-		if($(this).hasClass('rate-it')){
+	}).on('click','.track-me a',function(){
+		var $this = $(this);
+		if($this.hasClass('rate-it')){
 			sendTracking('info-links','rate-it');
-		} else if ($(this).hasClass('signature')) {
+		} else if ($this.hasClass('options')) {
+			sendTracking('info-links','options');
+		} else if ($this.hasClass('author')) {
 			sendTracking('info-links','author');
 		} else {
 			sendTracking('info-links','keyboard-shortcuts');
@@ -1203,4 +1206,4 @@ if(!deferTracking) {
 		sendTracking('custom-layout',$(this).attr('id'));
 	});
 
-})();
+})();