pachet commited on
Commit
ea48eb3
·
1 Parent(s): b95db08

Place graph button in style memory panel

Browse files
Files changed (2) hide show
  1. frontend/index.html +13 -11
  2. frontend/styles.css +9 -0
frontend/index.html CHANGED
@@ -803,17 +803,6 @@
803
  >
804
  Import MIDI Folder
805
  </button>
806
- <button
807
- id="show-graph-button"
808
- class="ghost"
809
- type="button"
810
- aria-haspopup="dialog"
811
- aria-expanded="false"
812
- aria-controls="graph-panel"
813
- disabled
814
- >
815
- Show Memory Graph
816
- </button>
817
  </div>
818
  <p class="field-hint">
819
  Imported phrases are learned into the active session memory
@@ -851,6 +840,19 @@
851
  <div id="memory-summary" class="settings-summary">
852
  <span class="settings-chip">No active memory yet</span>
853
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
854
  <p id="memory-hint" class="small-copy memory-hint">
855
  Create a session and play a phrase to inspect the active Continuator memory.
856
  </p>
 
803
  >
804
  Import MIDI Folder
805
  </button>
 
 
 
 
 
 
 
 
 
 
 
806
  </div>
807
  <p class="field-hint">
808
  Imported phrases are learned into the active session memory
 
840
  <div id="memory-summary" class="settings-summary">
841
  <span class="settings-chip">No active memory yet</span>
842
  </div>
843
+ <div class="memory-graph-action">
844
+ <button
845
+ id="show-graph-button"
846
+ class="ghost"
847
+ type="button"
848
+ aria-haspopup="dialog"
849
+ aria-expanded="false"
850
+ aria-controls="graph-panel"
851
+ disabled
852
+ >
853
+ Show Memory Graph
854
+ </button>
855
+ </div>
856
  <p id="memory-hint" class="small-copy memory-hint">
857
  Create a session and play a phrase to inspect the active Continuator memory.
858
  </p>
frontend/styles.css CHANGED
@@ -1672,6 +1672,15 @@ input[type="password"]:disabled {
1672
  line-height: 1.5;
1673
  }
1674
 
 
 
 
 
 
 
 
 
 
1675
  .memory-ribbon {
1676
  display: grid;
1677
  grid-template-columns: repeat(auto-fill, minmax(16px, 1fr));
 
1672
  line-height: 1.5;
1673
  }
1674
 
1675
+ .memory-graph-action {
1676
+ display: flex;
1677
+ margin: 12px 0 14px;
1678
+ }
1679
+
1680
+ .memory-graph-action button {
1681
+ padding-inline: 18px;
1682
+ }
1683
+
1684
  .memory-ribbon {
1685
  display: grid;
1686
  grid-template-columns: repeat(auto-fill, minmax(16px, 1fr));