refactor: improve mobile experience

README.md

@@ -17,7 +17,7 @@ Things to do before release:
 - [x] Add ribbon icon which opens the recall view
 - [x] Add data integration
 - [ ] Add settings view for customizing Anki algorithm parameters
-- [ ] Test and adapt to mobile experience
+- [x] Test and adapt to mobile experience
 
 ## Development
 

src/data/json.ts

@@ -1,17 +1,16 @@
 import { normalizePath, type Vault } from 'obsidian';
-import { join, parse } from 'path';
 
 export class JsonFileManager {
   private vault: Vault;
   private pluginDir: string;
 
   constructor(vault: Vault, pluginId: string) {
     this.vault = vault;
-    this.pluginDir = normalizePath(join('.obsidian', 'plugins', pluginId));
+    this.pluginDir = normalizePath(`.obsidian/plugins/${pluginId}`);
   }
 
   private getFullPath(relativePath: string): string {
-    return normalizePath(join(this.pluginDir, relativePath));
+    return normalizePath(`${this.pluginDir}/${relativePath}`);
   }
 
   /**
@@ -86,8 +85,4 @@ export class JsonFileManager {
       await this.vault.createFolder(fullDirPath);
     }
   }
-
-  private extractFileName(filePath: string): string {
-    return parse(filePath).name;
-  }
 }

src/styles.css

@@ -125,6 +125,11 @@
   display: none;
 }
 
+.better-recall-review-card__answer-buttons-bar {
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
 .better-recall-review-card__answer-buttons-bar button {
   display: flex;
   flex-direction: column;