From 3dfdf9c231e2c92fcfda79021157bdb1c00a8275 Mon Sep 17 00:00:00 2001
From: Tom Slominski <tomslominski@gmail.com>
Date: Sat, 7 Mar 2015 00:01:11 +0000
Subject: [PATCH] Just made the buttons WAY hotter.

---
 footer.php       |  2 +-
 index.php        |  2 +-
 public/style.css | 32 ++++++++++++++++----------------
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/footer.php b/footer.php
index 6180fe1..458fa75 100644
--- a/footer.php
+++ b/footer.php
@@ -4,7 +4,7 @@
 
 	<?php $bookmarkletdialog = yourls__( 'Save this as a bookmark.', 'isq_translation') // Can't put it where it belongs as there'd be too much char escaping ?>
 	<p><?php yourls_e( 'Add this to your bookmarks or drag it to your bookmarks bar to quickly access shortening functions.', 'isq_translation') ?> </p>
-	<p class="bookmarklet-container"><a href="javascript:(function()%7Bvar%20d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:enc(s)),f='<?php echo YOURLS_SITE . '/index.php'; ?>',l=d.location,p='?url='+enc(l.href)+'&title='+enc(d.title)+'&keyword='+s2,u=f+p;try%7Bthrow('ozhismygod');%7Dcatch(z)%7Ba=function()%7Bif(!w.open(u))l.href=u;%7D;if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();%7Dvoid(0);%7D)();" onClick="alert('<?php echo $bookmarkletdialog; ?>'); return false;" class="bookmarklet"><span class="icon-move"><?php include('public/images/move.svg'); ?></span><?php yourls_e( 'Shorten', 'isq_translation') ?></a></p>
+	<p class="bookmarklet-container"><a href="javascript:(function()%7Bvar%20d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:enc(s)),f='<?php echo YOURLS_SITE . '/index.php'; ?>',l=d.location,p='?url='+enc(l.href)+'&title='+enc(d.title)+'&keyword='+s2,u=f+p;try%7Bthrow('ozhismygod');%7Dcatch(z)%7Ba=function()%7Bif(!w.open(u))l.href=u;%7D;if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();%7Dvoid(0);%7D)();" onClick="alert('<?php echo $bookmarkletdialog; ?>'); return false;" class="bookmarklet button"><span class="icon-move"><?php include('public/images/move.svg'); ?></span><?php yourls_e( 'Shorten', 'isq_translation') ?></a></p>
 	<p><?php yourls_e( 'This bookmarklet takes the page URL and title and opens a new tab, where you can fill out a CAPTCHA. If you have selected text before using the bookmarklet, that will be used as the keyword.', 'isq_translation') ?></p>
 	<p><?php yourls_e( 'Support for bookmarklets on mobile varies. For example, they work on Chrome for Android but you have to add and sync them from your desktop.', 'isq_translation') ?></p>
 </div>
diff --git a/index.php b/index.php
index 50a37e9..b24ae95 100644
--- a/index.php
+++ b/index.php
@@ -38,7 +38,7 @@ $title   = isset( $_REQUEST['title'] ) ? yourls_sanitize_title( $_REQUEST['title
 		</div>
 
 		<div class="form-item submit-container">
-			<input type="submit" value="<?php yourls_e( 'Shorten', 'isq_translation'); ?>">
+			<input type="submit" class="button" value="<?php yourls_e( 'Shorten', 'isq_translation'); ?>">
 		</div>
 	</form>
 </div>
diff --git a/public/style.css b/public/style.css
index aca739a..bbe6c8e 100644
--- a/public/style.css
+++ b/public/style.css
@@ -136,6 +136,10 @@ label.secondary {
 	color: #AFAFAF;
 }
 
+input {
+	font-family: 'Ubuntu', sans-serif, Helvetica, Arial;
+}
+
 input:not([type=submit]):not([type=file]) {
 	width: 100%;
 	padding: 10px;
@@ -161,15 +165,17 @@ input[type=submit] {
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
-	background: #EBEBEB;
-	border: none;
-	font-family: 'Ubuntu', sans-serif, Helvetica, Arial;
+}
+
+.button {
+	background: #F9F9F9;
+	border: 1px solid #D3D3D3;
 	transition: background 0.5s;
 	cursor: pointer;
 }
 
-input[type=submit]:hover {
-	background: #D3D3D3;
+.button:hover {
+	background: #E2E2E2;
 }
 
 .submit-container {
@@ -223,26 +229,20 @@ svg#url-qr-code {
 /* Bookmarklet */
 .bookmarklet-container {
 	text-align: center;
+	margin: 20px 0;
 }
 
 .bookmarklet {
-	background: #EBEBEB;
 	padding: 7px;
-	margin: 8px 0;
-	font-size: 1.6rem;
+	font-size: 1.4rem;
 	color: black;
-	transition: background 0.5s;
-}
-
-.bookmarklet:hover {
-	background: #D3D3D3;
 }
 
 .icon-move svg {
 	vertical-align: center;
-	height: 1.4rem;
-	width: 1.4rem;
-	margin-right: 5px;
+	height: 1.2rem;
+	width: 1.2rem;
+	margin-right: 3px;
 }
 
 /* Footer */