search

Ethra8 / english-grows

Project 5 : E-commerce
0 stars 1 forks source link

Closing 'X' in alert messages overlaps with message text #49

Closed Ethra8 closed 3 hours ago

Ethra8 commented 3 hours ago

Image

Ethra8 commented 3 hours ago

Inspect what is causing the distortion when position is absolute, and right/top is set to zero: Image

THEN target '.alert-dismissible .close' in css file, setting padding to zero:

/* override padding of x clase in alert messages to improve display, and avoid having close 'x' on top of message text */
.alert-dismissible .close {
    padding: 0 !important;
}

BIG FIXED: Image