addedd download icon

educational-technology-collective · Jan 6, 2025 · 93cf27d · 93cf27d
1 parent 89cec8a
commit 93cf27d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/public/styles.css b/public/styles.css
@@ -93,6 +93,12 @@ main {
     max-height: calc(100dvh - 10rem);
 }
 
+.notebook-header {
+    display: flex;
+    margin-bottom: 1rem;
+    max-height: 3rem;
+}
+
 .notebook-cell :not(.lowlight)  {
     max-width: 800px;
 }

diff --git a/src/App.js b/src/App.js
@@ -161,13 +161,15 @@ function App() {
       </header>
       <main className="main-content" >
         <div className="notebook-view" style={hideStyle}>
-          <button 
+          <div className="notebook-header">
+            <h2>Student Notebook</h2>
+            <button 
               onClick={() => downloadNotebook(notebookContent, `${hintRequest.request_id}_SIADS505_TA_feedback.ipynb`)}
               disabled={feedbackSubmitted}
-              style={{position: "absolute", top: "0", right: "1rem", display: "flex", alignItems: "center",backgroundColor: "blue", color: "white", padding: "0.25rem .5rem", borderRadius: "5px", border: "none", cursor: "pointer"}}
               >
                 <span style={{fontSize: "1.2rem"}} >⭳</span> Download
-              </button>
+            </button>
+          </div>
           {renderNotebook()}
         </div>
         <div className="hint-area">

diff --git a/src/utils/icons.js b/src/utils/icons.js