Description
When uploading a document and triggering the analysis in Docspect.AI, the "Analyzing your document..." status box appears misaligned — it's positioned too high and overlaps with the top of the screen instead of being centered or properly contained.
📸 Screenshot
[Misaligned Box Screenshot](
)
✅ Steps to Reproduce
- Open the document upload page on Docspect.AI.
- Upload a valid
.pdf or .docx file.
- Click the "Analyzing..." button.
- Observe the position of the "Analyzing your document..." box.
🤔 Expected Behavior
The status message should appear:
- Fully visible
- Properly aligned (ideally centered in the viewport or modal)
- Not overlapping or cut off at the top
💡 Suggested Fix
Ensure the "Analyzing..." box uses appropriate CSS positioning, such as:
top: 50%, left: 50%, and transform: translate(-50%, -50%)- Or use Flexbox/Grid to center within its parent
- Make sure it respects the modal/container boundaries
🏷️ Labels
Please add: good first issue hacktoberfest
Let me know if you'd like help submitting a PR for this. Happy to collaborate!
Description
When uploading a document and triggering the analysis in Docspect.AI, the "Analyzing your document..." status box appears misaligned — it's positioned too high and overlaps with the top of the screen instead of being centered or properly contained.
📸 Screenshot
[Misaligned Box Screenshot](
)
✅ Steps to Reproduce
.pdfor.docxfile.🤔 Expected Behavior
The status message should appear:
💡 Suggested Fix
Ensure the "Analyzing..." box uses appropriate CSS positioning, such as:
top: 50%,left: 50%, andtransform: translate(-50%, -50%)🏷️ Labels
Please add:
good first issuehacktoberfestLet me know if you'd like help submitting a PR for this. Happy to collaborate!