Fix button style, position

JUNIandPIRATES · Oct 22, 2021 · 644d54a · 644d54a
1 parent e40a3bd
commit 644d54a
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 11 deletions.
diff --git a/daARA_after_lecture.html b/daARA_after_lecture.html
@@ -8,15 +8,15 @@
     <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
-    <link rel="stylesheet" href="styles/daARA_main_style.css">
-    <link rel="stylesheet" href="styles/daARA_after_lecture_style.css">
-    <link rel="stylesheet" href="styles/style.css">
-    <script type='text/javascript' src='js/_config.js'></script>
+
     <title>After Lecture</title>
 </head>
 
 <body>
-
+    <link rel="stylesheet" href="styles/daARA_main_style.css">
+    <link rel="stylesheet" href="styles/daARA_after_lecture_style.css">
+    <link rel="stylesheet" href="styles/style.css">
+    <script type='text/javascript' src='js/_config.js'></script>
     <header id="title-bar">
         <div id="title" onclick="location.href='daARA_main.html'">daARA</div>
         <div id="title-bar-btns">
@@ -30,15 +30,16 @@
         <div class="p-4 pt-5">
             <div id="root" style='margin-left : 100px; color : white; padding-top : 90px;'>
                 <text id='LevelName'>출석 결과
-                    <P id='Description'>버튼을 클릭하여 오늘의 출석 결과를 다운받으실 수 있습니다.   </P>
+
                     <p>
-                        <button class="button is-info is-outlined">출석 결과 다운받기</button>
+                        <button class="button is-light" style="margin: 20px 0 20px 20px;">출석 결과 다운받기</button>
                     </p>
+                    <P id='Description' style="font-weight: 200; margin: 20px 0 50px 20px">버튼을 클릭하여 오늘의 출석 결과를 다운받으실 수 있습니다.</P>
                 </text>
-                <text id='LevelName'>감정인식 로그
+                <text id='LevelName' style="padding-top: 10px;">감정인식 로그
                     <p>
                         <canvas id="EmotionResultBarGraphCavas" ></canvas>
-                        <button class="button is-info is-outlined" id="viewLogBTN" onclick="drawBarPlot()">출석 로그 자세히 보기</button>
+                        <button class="button is-light" id="viewLogBTN" onclick="drawBarPlot()" >출석 로그 자세히 보기</button>
                     </p>
 
                 </text>

diff --git a/daARA_how_to_use.html b/daARA_how_to_use.html
@@ -31,8 +31,7 @@
     <div id="title-bar">
         <div id="title" onclick="location.href='daARA_main.html'">daARA</div>
         <div id="title-bar-btns">
-            <img src="img/Back.png" class="titleBTN" id="back-btn" style="width: 18px; height: 18px;"
-                onclick="location.href='daARA_main.html'">
+            <img src="img/Back.png" class="titleBTN" id="back-btn" style="width: 18px; height: 18px;" onclick="location.href='daARA_main.html'">
             <img src="img/Minimize.png" class="titleBTN" id="min-btn">
             <img src="img/Maximize.png" class="titleBTN" id="max-btn">
             <img src="img/Close.png" class="titleBTN" id="close-btn">

diff --git a/styles/daARA_after_lecture_style.css b/styles/daARA_after_lecture_style.css
@@ -16,4 +16,13 @@
     height: 500px;
     margin-left: 270px;
     margin-top: 20px;
+    z-index: 0;
+}
+
+#viewLogBTN{
+    z-index: 999;
+    top: 800px;
+    left: 140px;
+
+    position: absolute;
 }