Login model issue

[divyanshu-rawat]

There is no left & right padding wrt browser window.
Screen Size - md

Screen Size - sm

Screen SIze - xs

Can I work on this issue ?

[divyanshu-rawat]

@atfornes please look at the issue .

[atfornes]

@divyanshu-rawat, feel free to work in this issue if you like.

I will soon prioritize and mark important and easy issues in Teem so it is easier to find on what to work.

[divyanshu-rawat]

@atfornes I tried solving it

Snapshot after fixing in chrome dev tools when screen size is xs

Snapshot after fixing in chrome dev tools when screen size is sm

But the issue that I am facing right now is that I am not been able to figure out where the .model-dialog class is located in the source code.
As per snapshot, I changed the padding of .model-dialog class from 0 to 5% that's why the model is not touching left and right browser window.
But In order to make a permanent change, I need to find where .model-class is located in source code.

Why chrome dev tools are pointing to colors.sass?
colors.sass does not contain any .model-dialog class !

[krshubham]

@divyanshu-rawat Here is the modal.scss at src/sass/modal.sass file which has the details of the modal dialog class. I added 5% to padding and it did the job!

[krshubham]

@atfornes , what about this issue? Should I make the padding changes, or its not needed?