From 94490424001e2eaf64a68c080f53530182718ee7 Mon Sep 17 00:00:00 2001
From: Jake Feasel <jfeasel@gmail.com>
Date: Mon, 14 May 2012 15:25:03 -0800
Subject: [PATCH] Flattr button

---
 index.html                               | 8 +++++++-
 stylesheets/bootstrap-responsive.min.css | 1 -
 stylesheets/fiddle.css                   | 9 +++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 16dfa18..875cf4a 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,6 @@
 
 </script>
 
-
 	<script id="schema-browser-template" type="text/x-handlebars-template">
 		<h3>Schema Browser</h3>
 		<ul class="tables">
@@ -209,6 +208,13 @@ <h4>No recently used fiddles found.  Try viewing a sample, or writing your own.<
 					</ul>
 
 					<ul class="nav pull-right">
+						<li>
+							
+							<a href="http://flattr.com/thing/679503/SQL-Fiddle" target="_blank">
+							<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a>
+							
+						</li>
+
 						<li>
 							<a href="#textToDDLModal" data-toggle="modal"><i class="icon-wrench"></i>Text to DDL</a>
 						</li>
diff --git a/stylesheets/bootstrap-responsive.min.css b/stylesheets/bootstrap-responsive.min.css
index 112c872..3c99ffc 100644
--- a/stylesheets/bootstrap-responsive.min.css
+++ b/stylesheets/bootstrap-responsive.min.css
@@ -3,5 +3,4 @@
 @media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input[class*="span"],.input-append input[class*="span"]{width:auto;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}
 @media (max-width:768px){.container{width:auto;padding:0 20px;} .row-fluid{width:100%;} .row{margin-left:0;} .row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;}}
 @media (max-width:768px){body{padding-top:0;} .navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar .nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar .nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar .nav>.divider-vertical{display:none;} .navbar .nav>li>a,.navbar .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#222222;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;} .navbar .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;} .navbar .dropdown-menu .divider{display:none;} .navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar .nav.pull-right{float:none;margin-left:0;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;} .navbar .btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}
-@media (min-width:768px) and (max-width:915px) { .nav-collapse .pull-right { display: none; } }
 @media (min-width:980px){.nav-collapse.collapse{height:auto !important;}}
diff --git a/stylesheets/fiddle.css b/stylesheets/fiddle.css
index 9bc282f..8317d49 100644
--- a/stylesheets/fiddle.css
+++ b/stylesheets/fiddle.css
@@ -7,6 +7,15 @@
 	}
 }
 
+@media (min-width:768px) and (max-width:1020px) { .nav-collapse .pull-right { display: none; } }
+
+.navbar .nav.pull-right { margin-left: 2px; }
+
+.nav-collapse>.nav { margin-right: 2px; }
+
+.navbar .brand {
+	padding-left: 10px;	
+}
 
 @media (max-width:768px)
 {