Add separate add a card and clear buttons for market

matt-kimball · Oct 24, 2018 · f4e6c4b · f4e6c4b
1 parent 8460778
commit f4e6c4b
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 14 deletions.
diff --git a/epc.css b/epc.css
@@ -407,31 +407,31 @@ body {
     Decklist editing panel
 */
 
-#deck-edit-header,
-#deck-edit-footer {
+.deck-edit-header,
+.deck-edit-footer {
     width: 245px;
     margin: 30px;
     display: flex;
     justify-content: space-between;
 }
 
-#deck-edit-header .button,
-#deck-edit-footer .button {
+.deck-edit-header .button,
+.deck-edit-footer .button {
     clear: both;
     margin: 0px 0px 6px 0px;
     padding: 0px;
     height: 38px;
 }
 
-#deck-edit-header .button {
+.deck-edit-header .button {
     width: 96px;
 }
 
-#deck-edit-header #link-button {
+.deck-edit-header #link-button {
     width: 38px;
 }
 
-#deck-edit-footer .button {
+.deck-edit-footer .button {
     width: 118px;
 }
 
@@ -440,7 +440,7 @@ body {
     height: 18px;
 }
 
-#deck-edit {
+#deck-edit-panel .deck-edit {
     width: 305px;
 }
 
@@ -510,7 +510,7 @@ body {
     font-style: italic;
 }
 
-#deck-edit button {
+#deck-edit-panel .deck-edit button {
     float: left;
     width: 30px;
     height: 22px;

diff --git a/index.html b/index.html
@@ -298,7 +298,7 @@
             </div>
 
             <div id="deck-edit-panel">
-                <div id="deck-edit-header" class="actions">
+                <div id="deck-edit-header" class="deck-edit-header" class="actions">
                     <button
                             id="import-button" class="ui button pad-right">
                         IMPORT
@@ -324,7 +324,7 @@ <h1>Greetings Huckleberry!</h1>
                     </button>
                 </div>
 
-                <div id="deck-edit">
+                <div id="deck-edit" class="deck-edit">
                     <div id="deck-edit-power-title"
                          class="deck-edit-section">
                         POWER CARDS
@@ -341,7 +341,21 @@ <h1>Greetings Huckleberry!</h1>
                     </div>
                     <div id="deck-edit-nonpower-rows">
                     </div>
+                </div>
+
+                <div id="deck-edit-footer" class="deck-edit-footer">
+                    <button id="add-card-button" class="ui button pad-right">
+                        ADD CARD
+                    </button>
+
+                    <button id="clear-button" class="ui button"
+                            data-position="top center"
+                            data-content="Deck cleared">
+                        CLEAR
+                    </button>
+                </div>
 
+                <div id="market-edit" class="deck-edit">
                     <div id="deck-edit-market-title"
                          class="deck-edit-section">
                         MARKET
@@ -350,12 +364,12 @@ <h1>Greetings Huckleberry!</h1>
                     </div>
                 </div>
 
-                <div id="deck-edit-footer">
-                    <button id="add-card-button" class="ui button pad-right">
+                <div id="market-edit-footer" class="deck-edit-footer">
+                    <button id="add-market-card-button" class="ui button pad-right">
                         ADD CARD
                     </button>
 
-                    <button id="clear-button" class="ui button"
+                    <button id="clear-market-button" class="ui button"
                             data-position="top center"
                             data-content="Deck cleared">
                         CLEAR