Unify styles for the top and bottom lines

Signed-off-by: alexfront <alex.andreev.email@gmail.com>

src/renderer/components/dock/logs/log-list.module.scss

@@ -29,18 +29,9 @@
   }
 }
 
-.firstLine {
+.anchorLine {
   width: 100%;
   height: 1px;
-  top: 0;
-  background-color: var(--logsBackground);
-  position: absolute;
-}
-
-.lastLine {
-  width: 100%;
-  height: 1px;
-  bottom: 0;
   background-color: var(--logsBackground);
   position: absolute;
 }

src/renderer/components/dock/logs/log-list.tsx

@@ -73,7 +73,11 @@ export const LogList = observer(({ model }: LogListProps) => {
         }}
         className={styles.virtualizer}
       >
-        <div className={styles.firstLine} ref={topLineRef}></div>
+        <div
+          className={styles.anchorLine}
+          ref={topLineRef}
+          style={{ top: 0 }}
+        />
         {rowVirtualizer.getVirtualItems().map((virtualRow) => (
           <div
             key={virtualRow.index + uniqRowKey}
@@ -88,7 +92,11 @@ export const LogList = observer(({ model }: LogListProps) => {
             </div>
           </div>
         ))}
-        <div className={styles.lastLine} ref={bottomLineRef}></div>
+        <div
+          className={styles.anchorLine}
+          ref={bottomLineRef}
+          style={{ bottom: 0 }}
+        />
       </div>
       {toBottomVisible && (
         <ToBottom onClick={scrollToBottom} />