From 321b383c3400afd99a337a97dbe3da9d805e5b34 Mon Sep 17 00:00:00 2001
From: Bel LaPointe <breel@qualtrics.com>
Date: Thu, 10 Feb 2022 14:34:36 -0700
Subject: [PATCH] reducing button mess with concisecss

---
 spike/review/reinvent/ezmded/ui/index.html | 27 ++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)
diff --git a/spike/review/reinvent/ezmded/ui/index.html b/spike/review/reinvent/ezmded/ui/index.html
index 03f32e1..2849eb2 100644
--- a/spike/review/reinvent/ezmded/ui/index.html
+++ b/spike/review/reinvent/ezmded/ui/index.html
@@ -1,14 +1,27 @@
 <!DOCTYPE html>
 <html>
 	<header>
+		<title>Notes</title>
+	 	<meta charset="utf-8">
+	 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
 		<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
 		<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
+
+		<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
 		<!-- todo css
+		<link rel="stylesheet" href="https://cdn.concisecss.com/concise.min.css">
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.css">
+		<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
 		-->
+
 		<style>
+			.EasyMDEContainer button {
+				color: black;
+			}
 			img {
 				max-width: 100%;
 				max-height: 100%;
@@ -60,6 +73,12 @@
 			.monospace {
 				font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
 			}
+			.lil_btn {
+				width: initial;
+			}
+			input, label, textarea {
+				margin: initial;
+			}
 		</style>
 		<script>
 			function init() {
@@ -238,7 +257,7 @@
 					const maxTreeTitleLength = 35
 					var parent = `
 						<input class="thic_flex" type="button" value="${branch.Leaf.Title.substr(0, maxTreeTitleLength)}" onclick="drawFile('${id}');"/>
-						<input type="button" value="+" onclick="drawNewFile('${id}');"/>
+						<input type="button" class="lil_btn" value="+" onclick="drawNewFile('${id}');"/>
 					`
 					if (id == "") {
 						parent = `
@@ -293,7 +312,7 @@
 		<div class="rows">
 			<form class="columns" action="return false;">
 				<input class="thic_flex" type="text" id="searchbox" placeholder="search regexp"/>
-				<input type="submit" value="search" onclick="searchFiles(); return false;"/>
+				<input class="info lil_btn" type="submit" value="search" onclick="searchFiles(); return false;"/>
 			</form>
 			<div class="columns thic_flex">
 				<div id="tree" class="filetree"></div>
@@ -303,11 +322,11 @@
 					<article id="article" class="mia">
 						<div>
 							<h1 class="columns">
-								<input type="submit" class="lr_buffer" value="SAVE" onclick="pushFile(); return false;"/>
+								<input class="button-info lil_btn" type="submit" class="lr_buffer" value="SAVE" onclick="pushFile(); return false;"/>
 								<span id="titlePath">
 								</span>
 								<span id="title" class="thic_flex" contenteditable></span>
-								<input type="submit" value="DELETE" onclick="deleteFile(); return false;"/>
+								<input class="button-error lil_btn" type="submit" value="DELETE" onclick="deleteFile(); return false;"/>
 							</h1>
 						</div>
 						<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
