lyunm1206 commited on
Commit
05aa7ff
·
1 Parent(s): e94ef54
Files changed (1) hide show
  1. index.html +4 -3
index.html CHANGED
@@ -37,6 +37,7 @@
37
 
38
  label {
39
  margin-right: 10px;
 
40
  }
41
 
42
  input[type="radio"] {
@@ -54,7 +55,7 @@
54
 
55
  .tabs {
56
  display: flex; /* Align tab buttons in a row */
57
- justify-content: space-evenly; /* Evenly space out the buttons */
58
  padding: 10px;
59
  background-color: #f9f9f9;
60
  border-bottom: 1px solid #ddd; /* Visual separation from the content */
@@ -63,7 +64,7 @@
63
  .tab-button {
64
  background-color: #007bff;
65
  color: white;
66
- border: 1px solid #007bff;
67
  padding: 10px 20px;
68
  border-radius: 5px;
69
  cursor: pointer;
@@ -127,7 +128,7 @@
127
 
128
  <div class="tabbed-interface">
129
  <div class="tabs">
130
- <button class="tab-button" data-tab = "tab1" onclick="openTab('tab1')" active>Kodak 08</button>
131
  <button class="tab-button" data-tab = "tab2" onclick="openTab('tab2')">Kodak 01</button>
132
  <button class="tab-button" data-tab = "tab3" onclick="openTab('tab3')">Kodak 02</button>
133
  <button class="tab-button" data-tab = "tab4" onclick="openTab('tab4')">DIV2K 801</button>
 
37
 
38
  label {
39
  margin-right: 10px;
40
+ font-weight: bold;
41
  }
42
 
43
  input[type="radio"] {
 
55
 
56
  .tabs {
57
  display: flex; /* Align tab buttons in a row */
58
+ justify-content: space-around; /* Evenly space out the buttons */
59
  padding: 10px;
60
  background-color: #f9f9f9;
61
  border-bottom: 1px solid #ddd; /* Visual separation from the content */
 
64
  .tab-button {
65
  background-color: #007bff;
66
  color: white;
67
+ border: none;
68
  padding: 10px 20px;
69
  border-radius: 5px;
70
  cursor: pointer;
 
128
 
129
  <div class="tabbed-interface">
130
  <div class="tabs">
131
+ <button class="tab-button" data-tab = "tab1" onclick="openTab('tab1')">Kodak 08</button>
132
  <button class="tab-button" data-tab = "tab2" onclick="openTab('tab2')">Kodak 01</button>
133
  <button class="tab-button" data-tab = "tab3" onclick="openTab('tab3')">Kodak 02</button>
134
  <button class="tab-button" data-tab = "tab4" onclick="openTab('tab4')">DIV2K 801</button>