forked from colin/resume
132 lines
3.6 KiB
CSS
132 lines
3.6 KiB
CSS
/* CSV Tool specific styles with aggressive fixes */
|
|
|
|
/* Fix container width */
|
|
body {
|
|
max-width: 100% !important;
|
|
padding: 20px !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.container-fluid {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
padding: 0 15px !important;
|
|
box-sizing: border-box !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
.tool-container {
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
gap: 1.5rem !important;
|
|
margin: 2rem 0 !important;
|
|
width: 100% !important;
|
|
box-sizing: border-box !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.tool-controls {
|
|
background-color: var(--bg-secondary) !important;
|
|
padding: 1.5rem !important;
|
|
border-radius: 0.5rem !important;
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
gap: 1rem !important;
|
|
margin-bottom: 1.5rem !important;
|
|
width: 100% !important;
|
|
box-sizing: border-box !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 1.5rem !important;
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.full-width {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
display: block !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
/* Aggressive fixes for textarea */
|
|
#csvInput,
|
|
textarea#csvInput {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
min-width: 100% !important;
|
|
box-sizing: border-box !important;
|
|
margin: 0 !important;
|
|
padding: 12px !important;
|
|
font-family: 'Courier New', monospace !important;
|
|
min-height: 250px !important;
|
|
white-space: pre !important;
|
|
tab-size: 4 !important;
|
|
-moz-tab-size: 4 !important;
|
|
resize: vertical !important;
|
|
overflow-x: auto !important;
|
|
line-height: 1.5 !important;
|
|
font-size: 14px !important;
|
|
letter-spacing: -0.2px !important;
|
|
border: 1px solid var(--border-color) !important;
|
|
background-color: var(--bg-primary) !important;
|
|
color: var(--text-primary) !important;
|
|
border-radius: 0.25rem !important;
|
|
}
|
|
|
|
/* Ensure the output area is also full width */
|
|
.tool-output {
|
|
background-color: var(--bg-secondary) !important;
|
|
padding: 1.5rem !important;
|
|
border-radius: 0.5rem !important;
|
|
overflow-x: auto !important;
|
|
margin-bottom: 1.5rem !important;
|
|
width: 100% !important;
|
|
border: 2px solid var(--accent-color) !important;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
|
|
box-sizing: border-box !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
/* Fix table display */
|
|
.table-responsive {
|
|
overflow-x: auto !important;
|
|
max-width: 100% !important;
|
|
width: 100% !important;
|
|
margin-bottom: 2rem !important;
|
|
border-radius: 0.25rem !important;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
|
|
}
|
|
|
|
.tool-table {
|
|
width: 100% !important;
|
|
border-collapse: separate !important;
|
|
border-spacing: 0 !important;
|
|
margin-bottom: 1.5rem !important;
|
|
text-align: left !important;
|
|
border: 1px solid var(--border-color) !important;
|
|
table-layout: auto !important;
|
|
}
|
|
|
|
/* Fix form controls */
|
|
.form-control {
|
|
width: 100% !important;
|
|
padding: 0.75rem !important;
|
|
border: 1px solid var(--border-color) !important;
|
|
background-color: var(--bg-primary) !important;
|
|
color: var(--text-primary) !important;
|
|
border-radius: 0.25rem !important;
|
|
font-family: inherit !important;
|
|
font-size: 1rem !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
/* Fix empty cell display */
|
|
.empty-cell {
|
|
color: #999 !important;
|
|
font-style: italic !important;
|
|
} |