diff --git a/idb-notes.html b/idb-notes.html
index a2ae51f..42edb37 100644
--- a/idb-notes.html
+++ b/idb-notes.html
@@ -20,19 +20,24 @@
textarea {
width: 100%;
- height: 220px;
+ height: 500px;
padding: 12px;
font-size: 16px;
resize: vertical;
box-sizing: border-box;
}
- button {
+ .link-btn {
+ background: none;
+ border: none;
+ padding: 0;
margin-top: 10px;
- margin-right: 10px;
- padding: 10px 16px;
- font-size: 16px;
+ margin-right: 14px;
+ font-size: 14px;
+ color: blue;
+ text-decoration: underline;
cursor: pointer;
+ font-family: inherit;
}
.docs {
@@ -63,9 +68,16 @@
margin-top: 10px;
}
- .small-btn {
- padding: 6px 10px;
+ .small-link-btn {
+ background: none;
+ border: none;
+ padding: 0;
+ margin-right: 12px;
font-size: 14px;
+ color: blue;
+ text-decoration: underline;
+ cursor: pointer;
+ font-family: inherit;
}
</style>
</head>
@@ -76,11 +88,11 @@
<textarea id="editor" placeholder="Write something..."></textarea>
<br>
- <button id="saveBtn">Save Document</button>
- <button id="newBtn">New Document</button>
- <button id="exportBtn">Export as TXT</button>
- <button id="exportDbBtn">Export NotesDB</button>
- <button id="importDbBtn">Import NotesDB</button>
+ <button class="link-btn" id="saveBtn">Save Doc</button>
+ <button class="link-btn" id="newBtn">New Doc</button>
+ <button class="link-btn" id="exportBtn">Export as TXT</button>
+ <button class="link-btn" id="exportDbBtn">Export NotesDB</button>
+ <button class="link-btn" id="importDbBtn">Import NotesDB</button>
<input type="file" id="importFile" accept=".json" style="display:none;">
@@ -163,11 +175,11 @@ function loadDocuments() {
</div>
<div class="doc-buttons">
- <button class="small-btn load-btn">
+ <button class="small-link-btn load-btn">
Load
</button>
- <button class="small-btn delete-btn">
+ <button class="small-link-btn delete-btn">
Delete
</button>
</div>
@@ -355,4 +367,3 @@ document.getElementById("importFile").onchange = function(event) {
</body>
</html>
-