From 3675407ca70abdbe47d36e3cde0e6aa38ab2ea33 Mon Sep 17 00:00:00 2001
From: Justin Palmer <justin@github.com>
Date: Wed, 6 Feb 2013 13:51:40 -0800
Subject: [PATCH] use from-bottom overlay for grammar view

---
 src/app/grammar-view.coffee | 2 +-
 static/overlay.css          | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/grammar-view.coffee b/src/app/grammar-view.coffee
index 3465c45a7..06230c10e 100644
--- a/src/app/grammar-view.coffee
+++ b/src/app/grammar-view.coffee
@@ -4,7 +4,7 @@ SelectList = require 'select-list'
 module.exports =
 class GrammarView extends SelectList
 
-  @viewClass: -> "#{super} grammar-view from-top overlay"
+  @viewClass: -> "#{super} grammar-view from-bottom overlay mini"
 
   filterKey: 'name'
 
diff --git a/static/overlay.css b/static/overlay.css
index 421b2f71f..4cc97ccf3 100644
--- a/static/overlay.css
+++ b/static/overlay.css
@@ -1,6 +1,5 @@
 .overlay {
   position: absolute;
-  top: 0;
   left: 50%;
   width: 500px;
   margin-left: -250px;
@@ -26,10 +25,18 @@
 .overlay.mini {
   width: 200px;
   margin-left: -100px;
+  font-size: 12px;
 }
 
 .overlay.from-top {
+  top: 0;
   border-top: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
+}
+
+.overlay.from-bottom {
+  bottom: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
\ No newline at end of file