refine the bottom items of AIGC

Author: xuruiyao-msft

Word-Add-in-AIGC/src/taskpane/components/Home.tsx

@@ -348,34 +348,14 @@ export default class Home extends React.Component {
                         )}
                     </div>
                     <div className="bottom">
-                        <div className="item_desc">Explore more resources:</div>
-                        <div className="bottom_item">
-                            <RightOutlined className="item_icon" />
-                            <div className="bottom_item_info">
-                                <a
-                                    href="https://github.com/OfficeDev/Word-Scenario-based-Add-in-Samples/tree/main/Word-Add-in-AIGC"
-                                    target="_blank"
-                                >
-                                    Start your project from this sample
-                                </a>
-                            </div>
-                        </div>
-                        <div className="bottom_item">
-                            <RightOutlined className="item_icon" />
-                            <div className="bottom_item_info">
-                                <a href="https://github.com/OfficeDev/Word-Scenario-based-Add-in-Samples" target="_blank">
-                                    See more samples
-                                </a>
-                            </div>
-                        </div>
                         <div className="bottom_item">
                             <RightOutlined className="item_icon" />
                             <div className="bottom_item_info">
                                 <a
                                     href="https://learn.microsoft.com/en-us/office/dev/add-ins/quickstarts/word-quickstart?tabs=yeomangenerator"
                                     target="_blank"
                                 >
-                                    Office add-in documentation
+                                    Explore more resources
                                 </a>
                             </div>
                         </div>

Word-Add-in-AIGC/src/taskpane/css/sample.css

@@ -123,27 +123,26 @@ a {
     width: 100%;
 }
 
-.item_desc {
-    margin: 0.2rem 1rem;
-    font-weight: 500;
-}
-
 .bottom_item {
     width: 100%;
+    height: 35px;
     font-weight: 400;
     background-color: white;
-    margin: 0.3rem 0;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
 }
 
 .item_icon {
     padding-top: 0.1rem;
     padding-bottom: 0.1rem;
-    display: inline-block;
+    display: inline;
     color: var(--blue);
 }
 
 .bottom_item_info {
-    display: inline-block;
+    display: inline;
     font-weight: 500;
 }