From 7b8c68472270dcbbca0081c5dcbb0d059fc45c9a Mon Sep 17 00:00:00 2001
From: Oleh Lustenko <olustenko@deloitte.com>
Date: Fri, 9 Sep 2022 16:59:38 +0300
Subject: [PATCH] improve layout, fix typos in README

---
 README.md  | 4 ++--
 main.ts    | 9 ++++-----
 styles.css | 6 ++++++
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index cc0b8e6..2140d3d 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@
 [![Github all releases](https://img.shields.io/github/downloads/OlegLustenko/obsidian-bulk-rename/total.svg)](https://github.com/OlegLustenko/obsidian-bulk-rename/releases/)
 [![GitLab latest release](https://badgen.net/github/release/OlegLustenko/obsidian-bulk-rename/)](https://github.com/OlegLustenko/obsidian-bulk-rename/releases)
 ## Introduction
-Now you can rename a bunch of files from the directory and all references also will be updated acros the vault.
+Now you can rename a bunch of files from the directory and all references also will be updated across the vault.
 
 ![](documentation/assets/Animation.gif)
 
@@ -55,7 +55,7 @@ Rename files will start renaming all files by respective path.
 
 ## Motivation
 This plugin was developed to cover my needs. Originally I've started to use my daily files with **_** delimiter.
-So my files looked like this: 2022_01_01, over the time I realized other platform out of the bos configured to prefer dashes.
+So my files looked like this: 2022_01_01, over the time I realized other platform out of the box configured to prefer dashes, like this 2022-01-01
 
 Here is many guides on how to rename files, what kind of script we need to run, what version of python or Node.js we need to install and so on.
 
diff --git a/main.ts b/main.ts
index 1698a04..7019bcf 100644
--- a/main.ts
+++ b/main.ts
@@ -139,7 +139,7 @@ export class BulkRenameSettingsTab extends PluginSettingTab {
             this.getFilesByFolder();
           });
         // @ts-ignore
-        cb.containerEl.addClass('templater_search');
+        cb.containerEl.addClass('bulk_rename');
       })
       .addButton((button) => {
         button.setButtonText('Refresh');
@@ -173,7 +173,7 @@ export class BulkRenameSettingsTab extends PluginSettingTab {
             this.getFilesByTags();
           });
         // @ts-ignore
-        cb.containerEl.addClass('templater_search');
+        cb.containerEl.addClass('bulk_rename');
       })
       .addButton((button) => {
         button.setButtonText('Refresh');
@@ -182,9 +182,6 @@ export class BulkRenameSettingsTab extends PluginSettingTab {
   }
 
   renderReplaceSymbol() {
-    // if (isViewTypeTags(this.plugin)) {
-    //   return;
-    // }
     const { settings } = this.plugin;
     const desc = document.createDocumentFragment();
 
@@ -225,6 +222,8 @@ export class BulkRenameSettingsTab extends PluginSettingTab {
     this.filesAndPreview = new Setting(this.containerEl)
       .setName('Files within the folder')
       .setDesc(`Total Files: ${this.plugin.settings.fileNames.length}`);
+
+    this.filesAndPreview.controlEl.addClass('bulk_rename_preview');
     this.calculateFileNames();
 
     renderPreviewFiles(this.filesAndPreview, this.plugin, this.state);
diff --git a/styles.css b/styles.css
index 8b13789..4e1b2cf 100644
--- a/styles.css
+++ b/styles.css
@@ -1 +1,7 @@
+.bulk_rename {
+  width: calc(100% - 20px);
+}
 
+.bulk_rename_preview {
+  width: 80%;
+}