From 996f6a6b925dc2e2f1495ecb81d2b5bf5e86033e Mon Sep 17 00:00:00 2001
From: Jason Woofenden <jason@jasonwoof.com>
Date: Mon, 16 Dec 2013 01:24:03 -0500
Subject: [PATCH] make connector dots smaller and lighter

---
 Makefile    |    4 +--
 main.coffee |   10 +++----
 style.less  |   85 +++--------------------------------------------------------
 3 files changed, 11 insertions(+), 88 deletions(-)

diff --git a/Makefile b/Makefile
index 482d85b..6abf82c 100644
--- a/Makefile
+++ b/Makefile
@@ -10,8 +10,8 @@ index.js: main.coffee
 	coffee -bc -o .coffee-tmp main.coffee && mv .coffee-tmp/main.js index.js
 
 index_min.js: wordlist_compressed.js index.js
-	cat /usr/share/javascript/jquery/jquery.min.js index.js > $@
-	#cat /usr/share/javascript/jquery/jquery.min.js index.js | uglifyjs -nc -o $@
+	#cat /usr/share/javascript/jquery/jquery.min.js index.js > $@
+	cat /usr/share/javascript/jquery/jquery.min.js index.js | uglifyjs -nc -o $@
 
 wordlist_min.js: wordlist_compressed.js index.js
 	cat wordlist_compressed.js | uglifyjs -nc -o $@
diff --git a/main.coffee b/main.coffee
index 459f152..d571e13 100644
--- a/main.coffee
+++ b/main.coffee
@@ -636,26 +636,26 @@ show_definition = (word, type, definition, language) ->
 	$definition_body.html html
 
 connector_width = 11
-connector_radius = 5
+connector_radius = 4
 connector_slant = 12
 add_connector = (tile, horiz, vert) ->
 	style = {}
 	switch horiz
 		when 'left'
-			style.right = '100%'
+			style.left = -9
 		when 'mid'
 			style.left = 21 - connector_radius
 		when 'right'
-			style.left = '100%'
+			style.right = -9
 	switch vert
 		when 'top'
-			style.bottom = '100%'
+			style.top = -9
 		when 'up'
 			style.top = 21 - connector_radius - connector_slant
 		when 'down'
 			style.top = 21 - connector_radius + connector_slant
 		when 'bot'
-			style.top = '100%'
+			style.bottom = -9
 	tile.connector = $("<div class=\"connector\"></div>").css style
 	tile.dom.append tile.connector
 
diff --git a/style.less b/style.less
index 2c0c6b3..8817502 100644
--- a/style.less
+++ b/style.less
@@ -215,10 +215,10 @@ body {
 }
 .connector {
 	position: absolute;
-	height: 10px;
-	width: 10px;
-	background: #666;
-	border-radius: 10px;
+	height: 8px;
+	width: 8px;
+	background: #999;
+	border-radius: 8px;
 }
 #loading {
 	position: absolute;
@@ -226,83 +226,6 @@ body {
 	right: 140px;
 	font-size: 32px;
 }
-.head {
-	margin-top: -4px;
-	height: 42px;
-	width: 42px;
-	position: relative;
-	border-radius: 13px;
-}
-.eye1, .eye2 {
-	width: 6px;
-	height: 6px;
-	border: 2px solid #a83;
-	border-radius: 9px;
-	background-color: white;
-	position: absolute;
-}
-.eye1 {
-	top: -8px;
-	right: -1px;
-	width: 5px;
-	border-width: 4px 4px 3px 4px;
-}
-.eye2 {
-	right: -9px;
-	top: 1px;
-	border-width: 3px 4px 4px 2px;
-}
-.tooth1, .tooth2, .tooth3, .tooth4 {
-	width: 6px;
-	height: 6px;
-	border: 2px solid #a83;
-	background-color: white;
-	position: absolute;
-}
-.tooth1 {
-	top: -2px;
-	left: 22px;
-	width: 7px;
-	border-width: 2px 0 2px 2px;
-}
-.tooth2 {
-	height: 7px;
-	top: 12px;
-	right: -3px;
-	border-width: 0 2px 2px 2px;
-}
-.pate {
-	position: absolute;
-	top: -2px;
-	right: -3px;
-	width: 12px;
-	height: 12px;
-	background: white;
-	border: 2px solid #a83;
-	border-radius: 0 13px 0 0;
-}
-.tooth3 {
-	width: 7px;
-	bottom: -3px;
-	left: 12px;
-	border-width: 2px 2px 2px 0;
-}
-.tooth4 {
-	height: 7px;
-	bottom: 11px;
-	left: -2px;
-	border-width: 2px 2px 0 2px;
-}
-.chin {
-	position: absolute;
-	bottom: -3px;
-	left: -2px;
-	width: 12px;
-	height: 12px;
-	background: white;
-	border: 2px solid #a83;
-	border-radius: 0 0 0 13px;
-}
 #definition_body {
 	height: @tab-height - @tabtab-height;
 	overflow: auto;
-- 
1.7.10.4