Add Edges - Alpha
diff --git a/css/autocomplete.css b/css/autocomplete.css
index 71caab6..148b882 100644
--- a/css/autocomplete.css
+++ b/css/autocomplete.css
@@ -29,7 +29,7 @@
   border-top: none;

   z-index: 99;

   /*position the autocomplete items to be the same width as the container:*/

-  top: 100%;

+  top: auto;

   left: 0;

   right: 0;

   color: black;

diff --git a/css/dialog.css b/css/dialog.css
new file mode 100644
index 0000000..3f2b73b
--- /dev/null
+++ b/css/dialog.css
@@ -0,0 +1,53 @@
+#dialog-vertex, #dialog-edge{

+  padding: 8px;

+  user-select: auto;

+}

+

+#dialog h2 {

+  font-weight: bold;

+  font-size: 20px;

+}

+

+#dialog h3 {

+  font-weight: bold;

+  font-size: 16px;

+  margin-bottom: 0;

+}

+

+#quit-dialog, #quit2-dialog {

+  position: absolute;

+  top: 8px;

+  right: 8px;

+}

+

+#min-dialog, #max-dialog {

+  position: absolute;

+  top: 8px;

+  right: 48px;

+}

+

+#min-dialog {

+  display: none;

+}

+

+#summary-dialog {

+  position: absolute;

+  top: 0px;

+  left: 0px;

+  width: 100%;

+  height: 100px;

+  background-color: white;

+  color: black;

+  z-index: 120;

+}

+

+#summary-vertex {

+  padding: 8px;

+  user-select: auto;

+}

+

+#summary-dialog h2 {

+  font-weight: bold;

+  font-size: 20px;

+  margin: 0;

+}
\ No newline at end of file
diff --git a/css/styles.css b/css/styles.css
index 9e6fa07..0343114 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -37,58 +37,19 @@
   z-index: 110;
 }
 
-#dialog-vertex, #dialog-edge{
-  padding: 8px;
-  user-select: auto;
+.addegde-button {
+	line-height: 20px;
+	font-size: 20px;
+	width: 100%;
+	background-color: rgba(200,0,0,0.4);
 }
 
-#dialog h2 {
-  font-weight: bold;
-  font-size: 20px;
-}
-
-#dialog h3 {
-  font-weight: bold;
-  font-size: 16px;
-  margin-bottom: 0;
-}
-
-#quit-dialog, #quit2-dialog {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-}
-
-#min-dialog, #max-dialog {
-  position: absolute;
-  top: 8px;
-  right: 48px;
-}
-
-#min-dialog {
-  display: none;
-}
-
-#summary-dialog {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100px;
-  background-color: white;
-  color: black;
-  z-index: 120;
-}
-
-#summary-vertex {
-  padding: 8px;
-  user-select: auto;
-}
-
-#summary-dialog h2 {
-  font-weight: bold;
-  font-size: 20px;
-  margin: 0;
+.addegde-msg {
+	display: none;
+	line-height: 20px;
+	font-size: 20px;
+	width: 100%;
+	background-color: rgba(0,200,0,0.4);
 }
 
 #searchButton {