transpolymer commited on
Commit
afb6c31
·
verified ·
1 Parent(s): fa54481

Update login_page.py

Browse files
Files changed (1) hide show
  1. login_page.py +17 -4
login_page.py CHANGED
@@ -110,7 +110,7 @@ def show_login_page():
110
  # Find this CSS class in your show_login_page() function:
111
 
112
  .stButton > button {
113
- width: 60%; /* Change from 100% to 70% or any desired width */
114
  padding: 12px 0;
115
  font-size: 16px;
116
  background: linear-gradient(90deg, #4B8BBE, #306998);
@@ -122,9 +122,22 @@ def show_login_page():
122
  font-weight: 500;
123
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
124
  margin-top: 10px;
125
- margin-left: auto; /* Add this line to center the button */
126
- margin-right: auto; /* Add this line to center the button */
127
- display: block; /* Add this line to make margins work */
 
 
 
 
 
 
 
 
 
 
 
 
 
128
  }
129
 
130
  .stButton > button:hover {
 
110
  # Find this CSS class in your show_login_page() function:
111
 
112
  .stButton > button {
113
+ width: 60%; /* Set a fixed width for all buttons - adjust percentage as needed */
114
  padding: 12px 0;
115
  font-size: 16px;
116
  background: linear-gradient(90deg, #4B8BBE, #306998);
 
122
  font-weight: 500;
123
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
124
  margin-top: 10px;
125
+ margin-left: auto; /* Center the button */
126
+ margin-right: auto; /* Center the button */
127
+ display: block; /* Makes margin auto work for centering */
128
+ }
129
+
130
+ /* This ensures button containers are also centered */
131
+ [data-testid="stButton"] {
132
+ text-align: center !important;
133
+ display: flex !important;
134
+ justify-content: center !important;
135
+ }
136
+
137
+ /* Force container to center contents */
138
+ .element-container:has(.stButton) {
139
+ display: flex !important;
140
+ justify-content: center !important;
141
  }
142
 
143
  .stButton > button:hover {