[IMP] web: pager scss revamp

This commit simplifies the SCSS of the Pager component.

task-2733437

Part-of: odoo/odoo#82866

addons/web/static/src/core/pager/pager.scss

@@ -1,24 +0,0 @@
-.o_pager {
-    display: flex;
-    align-items: center;
-
-    .o_pager_counter {
-        min-width: $o-statbutton-height;
-    }
-
-    .o_pager_value {
-        display: inline-block;
-    }
-    
-    span.o_pager_value {
-        border-bottom: 1px solid transparent;
-    }
-    
-    input.o_pager_value {
-        text-align: right;
-        width: 60px;
-        &:focus {
-            outline: none;
-        }
-    }
-}

addons/web/static/src/core/pager/pager.xml

@@ -2,13 +2,13 @@
 <templates xml:space="preserve">
 
     <t t-name="web.Pager" owl="1">
-        <nav class="o_pager" aria-label="Pager">
-            <span class="o_pager_counter mr-2" t-on-click.stop="">
+        <nav class="o_pager align-items-center d-flex gap-2" aria-label="Pager">
+            <span class="o_pager_counter" t-on-click.stop="">
                 <t t-if="state.isEditing">
-                    <input type="text" class="o_pager_value o_input" t-ref="autofocus" t-att-value="value" t-on-blur="onInputBlur" t-on-change="onInputChange" t-on-keydown.stop="onInputKeydown" />
+                    <input type="text" class="o_pager_value o_input d-inline-block w-auto text-right" size="7" t-ref="autofocus" t-att-value="value" t-on-blur="onInputBlur" t-on-change="onInputChange" t-on-keydown.stop="onInputKeydown" />
                 </t>
                 <t t-else="">
-                    <span class="o_pager_value" t-esc="value" t-on-click="onValueClick" />
+                    <span class="o_pager_value d-inline-block border-bottom border-white" t-esc="value" t-on-click="onValueClick" />
                 </t>
                 <span> / </span>
                 <span class="o_pager_limit" t-esc="props.total" />