How to change the width of the left and right column of the product tab of the PrestaShop 1.7.8.8 backend

[AngoG]

Hi,

I need to change the width of the left column (reduce) and right column (increase) of the product card in the PrestaShop 1.7.8.8 backend as in the attachment because the right column cuts off the long names of product features.
I can't find the appropriate CSS file that manages this.
Please advise and help.

[Prestashop Addict]

Hi, add this css (only for full scree, need to be adapted with media query screens sizes) in adminxxx/themes/new-theme/public/product.css (modification will be lost in case of upgrade)

.adminproducts form div.col-xxl-10 {
  flex: 98%;
  max-width: 98%;
}

 

[AngoG]

18 hours ago, Prestashop Addict said:

Hi, add this css (only for full scree, need to be adapted with media query screens sizes) in adminxxx/themes/new-theme/public/product.css (modification will be lost in case of upgrade)

.adminproducts form div.col-xxl-10 {
  flex: 98%;
  max-width: 98%;
}

 

Thank you very much for the information and your suggestions.

I wanted to ask for one more suggestion on the same topic.
I thought whether it is possible to change the width (left-coumn and right-column) by adding:

@media (min-width: 768px){

.product-page .tab-content .col-md-12 .col-md-9.left-column {
flex: 0 0 62%;
max-width: 62%;
}

.product-page .tab-content .col-md-12 .col-md-3.right-column {
flex: 0 0 38%;
max-width: 38%;
}

Currently there is flex: 0 0 75% for left and flex: 0 0 25% for right.

What do you think about this?
But where to add it? Maybe to adminxxx/themes/new-theme/public/index.css